| Fecha | Ponente(s) |
|---|---|
| Martes 17 al viernes 20 de noviembre del 2020. |
Edgar Vargas Zemeño. UNAM, DGTIC |
Material generado
Información general del taller
Perfil de ingreso.
Conocimiento intermedio de lenguajes HTML y CSS.
Objetivo.
Que el participante maneje los conceptos de maquetación unidimensional con Flexbox de manera teórica, para llevar a la práctica su aplicación en proyectos de construcción Web, con énfasis en el diseño web responsivo.
Temario:
1. Antecedentes: olvídate de float y clear.
1.1 Maquetación en el boom de internet.
1.2 Maquetación convencional.
1.3 Nuevos paradigmas Flex vs Grid.
2. Conceptos y propiedades en Flexbox.
2.1 Entendiendo los ejes y el direccionamiento.
2.2 Elementos contenedores y elementos contenidos.
2.3 Alineación de elementos.
2.4 Autoalineación de elementos contenidos.
2.5 Anidación.
3.Maquetación con Flexbox.
3.1 Manejo del espacio disponible.
3.2 Orden.
3.3 Estructuración básica.
3.4 Construcción completa.
4. Maquetación multidispositivo.
4.1 Trucos y tips.
4.2 Diseño responsivo accesible.
4.3 Lo que no puedes olvidar.
4.4 Construcción responsiva.
5. Proyecto Final.
5.1 Felxbox en Bootstrap 4.
5.2 Modelando el proyecto final.
Recursos informáticos.
- Equipo de cómputo.
- Conexión a internet.
- Software editor de código.
- Navegador.
