Cronograma 2do. Cuatrimestre 2026
Información General
- Modalidad: Híbrida
- Presencial: Viernes 19:00 a 22:00 hs.
- Virtual: Clases vía plataforma Google Meet
- Duración: 13 clases
- Equipos de trabajo: Grupos de hasta 5 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
14
Ago
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
Clase 2
21
Ago
Virtual
HTML Semántico con IA
Actividad Práctica:
- Estructura HTML accesible
- Generación de código
- Validación de estructura
Clase 3
28
Ago
Virtual
CSS Avanzado con IA
Actividad Práctica:
- Sistema visual responsive
- CSS optimizado
- Diseño adaptativo
Clase 4
04
Sep
Virtual
Interactividad con JavaScript
Actividad Práctica:
- Fundamentos de manipulación del DOM
- Interacciones dinámicas con JavaScript
- Manejo de eventos y lógica lógica de la interfaz
Clase 5
11
Sep
Virtual
Diseño y Desarrollo de Componentes UI
Actividad Práctica:
- Biblioteca de componentes reutilizables
- Estados, variantes y documentación técnica
- Integración de componentes UI en la arquitectura del proyecto
Clase 6
18
Sep
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
Clase 7
25
Sep
Presencial
Prototipado e Interacciones
Actividad Práctica:
- Micro-interacciones
- Prototipado en Figma
- Implementación técnica
Clase 8
02
Oct
Virtual
Optimización y Rendimiento
Actividad Práctica:
- Optimización de recursos
- Métricas de rendimiento
- Técnicas de carga progresiva
Clase 9
09
Oct
Virtual
Testing, Accesibilidad e Integración
Actividad Práctica:
- Auditorías de accesibilidad web (WCAG)
- Testing funcional del código generado por IA
- Refactorización y limpieza de código
Clase 10
16
Oct
Virtual
Revisión de Proyectos
Actividad Práctica:
- Revisión de avances
- Correcciones técnicas
- Preparación para pre-entrega
Clase 11
23
Oct
Virtual
Pre Entrega del Proyecto
Actividad:
- Presentación del proyecto maquetado en HTML, CSS y JS
- Evaluación entre pares
Clase 12
30
Oct
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
Clase 13
06
Nov
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