Información General
- Modalidad: Híbrida
- Presencial: Viernes 19:00 a 22:00 hs.
- Virtual: Clases vía plataforma Google Meet
- Duración: 11 clases
- Equipos de trabajo: Grupos de hasta 3 estudiantes
- Herramientas: Servidor web local, VS Code, Trae.ai, Figma/Adobe XD, Bolt.new con Claude Sonnet, Gemini, Stich, Nano Banana, Antigravity, Notebook LM
Clase 1
10
Abr
Presencial
Presentación de la Cursada
Contenidos:
- Presentación de la cursada
- Conformación de equipos y comisiones
- Introducción a las herramientas y tecnologías
- Metodología de trabajo
Presencial
Clase 2
17
Abr
Virtual
HTML Semántico con IA
Actividad Práctica:
- Estructura HTML accesible
- Generación de código
- Validación de estructura
Virtual
Clase 3
24
Abr
Virtual
CSS Avanzado con IA
Actividad Práctica:
- Sistema visual responsive
- CSS optimizado
- Diseño adaptativo
Virtual
Clase 4
08
May
Virtual
Interactividad con JavaScript y Diseño de Componentes UI
Actividad Práctica:
- Interacciones dinámicas con JavaScript
- Optimización y accesibilidad
- Biblioteca de componentes
- Estados, variantes y documentación técnica
Virtual
Clase 5
15
May
Virtual
Tipografía, Jerarquía Visual y Color
Actividad Práctica:
- Sistema tipográfico web
- Jerarquía tipográfica con IA
- Paletas de colores accesibles
- Estados visuales con color y verificación de contraste
Virtual
Clase 6
22
May
Virtual
Prototipado e Interacciones
Actividad Práctica:
- Micro-interacciones
- Prototipado en Figma
- Implementación técnica
Virtual
Clase 7
29
May
Virtual
Optimización y Rendimiento
Actividad Práctica:
- Optimización de recursos
- Métricas de rendimiento
- Técnicas de carga progresiva
Virtual
Clase 8
05
Jun
Virtual
Revisión de Proyectos
Actividad Práctica:
- Revisión de avances
- Correcciones técnicas
- Preparación para entrega final
Virtual
Clase 9
12
Jun
Virtual
Pre Entrega del Proyecto
Actividad:
- Presentación del proyecto maquetado en HTML, CSS y JS
- Evaluación entre pares
Pre-Entrega
Virtual
Clase 10
19
Jun
Virtual
Ajustes Finales y Cierre Técnico
Actividad Práctica:
- Correcciones post pre-entrega
- Validación final de código y accesibilidad
- Preparación de presentación oral
Virtual
Clase 11
26
Jun
Presencial
Pre Entrega Final del Proyecto
Actividad:
- Presentación del proyecto maquetado en HTML, CSS y JS
- Evaluación entre pares
- Reflexión y cierre de la cursada
Pre Entrega Final
Virtual
Clase 12
3
Jul
Presencial
Entrega Final del Proyecto
Actividad:
- Presentación del proyecto maquetado en HTML, CSS y JS
- Evaluación entre pares
- Reflexión y cierre de la cursada
Entrega Final
Presencial