Clase 1
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
Información General
- Modalidad: Híbrida
- Presencial: Viernes 19:00 a 23:00 hs
- Virtual: Clases via plataforma Google Meet
- Duración: 12 clases (36 horas totales)
- Equipos de trabajo: Grupos de hasta 5 estudiantes
- Herramientas: Servidor web local, Trae.ai, Figma/Adobe XD, Bolt.new con Claude 3.7 Sonnet
Clase 2
HTML Semántico con IA
Actividad Práctica:
- Estructura HTML accesible
- Generación de código
- Validación de estructura
Feriado
Viernes Santo
Feriado Nacional
Clase 3
CSS Avanzado con IA
Actividad Práctica:
- Sistema visual responsive
- CSS optimizado
- Diseño adaptativo
Feriado
Día del Trabajador
Feriado Nacional
Clase 4
Interactividad con JavaScript y IA
Actividad Práctica:
- Interacciones dinámicas
- Código de interacción
- Optimización y accesibilidad
Clase 5
Diseño de Componentes UI
Actividad Práctica:
- Biblioteca de componentes
- Estados y variantes
- Documentación técnica
Clase 6
Tipografía y Jerarquía Visual
Actividad Práctica:
- Sistema tipográfico web
- Jerarquía tipográfica con IA
- Variables CSS tipográficas
Clase 7
Color y Comunicación Visual
Actividad Práctica:
- Paletas de colores accesibles
- Verificación de contraste
- Estados visuales con color
Clase 8
Prototipado e Interacciones
Actividad Práctica:
- Micro-interacciones
- Prototipado en Figma
- Implementación técnica
Clase 9
Optimización y Rendimiento
Actividad Práctica:
- Optimización de recursos
- Métricas de rendimiento
- Técnicas de carga progresiva
Feriado
Paso a la Inmortalidad del General Manuel Belgrano
Feriado Nacional
Clase 10
Revisión de Proyectos
Actividad Práctica:
- Revisión de avances
- Correcciones técnicas
- Preparación para entrega final
Clase 11
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