Temario
Fluid Design
Conceptos de diseño fluido + Prototipado en Figma + Layout en HTML5 y CSS3
Responsive Design
Conceptos de diseño fluido + Prototipo en Figma + Layout HTML5 y CSS3
Imágenes flexibles
Optimización y tratamiento de imágenes para el responsive.
Técnicas de imágenes responsivas con CSS3 y HTML5
Imagenes lazy load (optimización de la carga)
Tipografía responsiva
Desempeño y mejores fuentes para rendimiento multidispositivo
Armado de guia tipográfica en Figma
Técnicas CSS3 y tips actuales de tipografía responsiva sin usar media queries
Flexbox
Desarrollo de un motor Flexbox en CSS3.
Prototipado de una app responsive en figma y posterior desarrollo en HTML5 y CSS3.
Grid
Flexbox vs Grid. ¿Cuándo usar uno u otro?
Desarrollo de un motor Flexbox en Grid.
Prototipado de una app responsive en figma y posterior desarrollo en HTML5 y CSS3.
Motores SASS
Sass Esencial
Desarrollo de un motor Sass reutilizable.
Implementación del motor Sass en una web app.
Trabajo Final: Prototipado y desarrollo de una web app.