Lo que aprenderás
- 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.
Temario del curso
Módulo 1: Introducción a Flexbox
Módulo 2: Las 10 Reglas de 10 de Flexbox
- Regla 1: Flexbox necesita un padre y por lo menos un hijo
- Regla 2: El Flex Container tiene 2 ejes
- Regla 3: Podemos modificar el eje principal con la propiedad: Flex-direction
- Regla 4: Podemos permitir el salto de columnas con Flex-Wrap
- Regla 5: Alineamos elementos en el eje principal con justify-content
- Regla 6: Alineamos elementos en el eje secundario con align-items
- Regla 7: Alinear hijos de forma individual en el eje secundario con align-self
- Regla 8: Los hijos flexibles ignoran algunas propiedades CSS
- Regla 9: Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 1)
- Regla 9: Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 2)
- Regla 10: La propiedad: «flex» lo resume todo
- Bono adicional: La Magia de la propiedad ORDER
Descripción
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.
Cursos Relacionados
Instructor
Erick Mines
- 33 cursos
- 231228 estudiantes