En este curso te enseñaremos en tiempo record, todos los secretos que esconde Flexbox. Cubriremos todos los conceptos fundamentales y avanzados que necesitas aprender, para aplicar este nuevo MODELO de DISEÑO, en proyectos Web reales.
Lograrás comprender en profundidad cómo funciona Flexbox (cosas que no te dirán en ningún otro curso o tutorial), sabrá cómo manipular elementos HTML a tu antojo, veremos diferentes ejemplos del MUNDO REAL y cómo resolverlos con Flexbox. Es un curso preparado con mucha pasión para ustedes.
¿QUÉ ES FLEXBOX?
Flexbox es una nueva forma de diseñar nuestros sitios web. Está conformado por un conjunto de propiedades CSS, pensadas EXCLUSIVAMENTE en crear interfaces web .
Con Flexbox nos ahorraremos muchas líneas de código CSS y obtendremos un mayor control del posicionamiento y comportamiento de los bloques que conforman el diseño de nuestras páginas web.
¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?
Este es un curso con una ESTRUCTURA diferentes al resto. Vamos a ir aprendiendo Flexbox a través de 10 principios fundamentales. Estos principios, que yo llamo «Las 10 reglas de ORO de Flexbox», nos van a permitir, ir descubriendo todas las «entrañas» de Flexbox, de forma progresiva. Veremos cada una de estas reglas y a través de ejemplos prácticos las iremos ilustrado.
Finalizado este curso, estoy seguro que entenderás todos los principios básicos y avanzados de este nuevo modelo de caja de CSS3 y podrás aplicar estos conocimientos al desarrollo de tus propios sitos web.
Currículum
- 2 secciones
- 13 lecciones
- Duración
- Módulo 1: Introducción a Flexbox1
- Módulo 2: Las 10 Reglas de 10 de Flexbox12
- 2.1Regla 1: Flexbox necesita un padre y por lo menos un hijo10 minutos
- 2.2Regla 2: El Flex Container tiene 2 ejes10 minutos
- 2.3Regla 3: Podemos modificar el eje principal con la propiedad: Flex-direction4 minutos
- 2.4Regla 4: Podemos permitir el salto de columnas con Flex-Wrap5 minutos
- 2.5Regla 5: Alineamos elementos en el eje principal con justify-content9 minutos
- 2.6Regla 6: Alineamos elementos en el eje secundario con align-items9 minutos
- 2.7Regla 7: Alinear hijos de forma individual en el eje secundario con align-self4 minutos
- 2.8Regla 8: Los hijos flexibles ignoran algunas propiedades CSS4 minutos
- 2.9Regla 9: Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 1)12 minutos
- 2.10Regla 9: Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 2)
- 2.11Regla 10: La propiedad: “flex” lo resume todo6 minutos
- 2.12Bono adicional: La Magia de la propiedad ORDER10 minutos
Caracteristicas
- Aprenderás a Crear sus propios diseños usando Flexbox.
- Aprenderás los beneficios de Flexbox en el diseño web actual.
- Aprenderás a Crear hojas de estilos CSS mucho más ligeras.