Curso «CSS: Fundamentos de Flex»
Actualizado
pages.courses.show.subscription_description
Incluye
Descripción
En este curso aprenderás sobre CSS Flex. Descubrirás cómo posicionar elementos vertical y horizontalmente. Al final, aprenderás a posicionar elementos en la página, alinearlos y entender el sistema de creación de sistemas de columnas. Flex es útil si decides crear diseños adaptables y utilizar elementos flexibles. Los conocimientos de este curso ayudan a los programadores a controlar elementos en la página en dos ejes y alinear elementos en relación a ellos. Este curso es adecuado para principiantes que deseen aprender a crear sus primeros diseños. Para facilitar el aprendizaje, es recomendable tener conocimientos básicos de HTML y estilizar texto con CSS.
Qué aprenderás
- Aplicar propiedades básicas de CSS Flexible Box Layout.
- Controlar elementos HTML vertical y horizontalmente con Flex.
- Crear diseños adaptados para dispositivos móviles.
- Crear elementos flexibles que cambien de ancho y alto.
Lecciones del curso
1 | Introducción a Flex Aprende sobre el curso dedicado a Flex |
2 | ¿Qué es Flex? Aprende sobre el concepto de Flex, sus ventajas y escenarios de uso. |
3 | Contenedor flex Familiarizarse con los contenedores flex y las posibilidades de definir el eje principal para renderizar elementos. |
4 | Mover elementos dentro de un contenedor Aprende sobre las formas de mover elementos dentro de un contenedor flex. Aprender a utilizar la propiedad flex-wrap. |
5 | Alineación de elementos en el eje principal Aprende sobre las formas de alinear elementos en el eje principal dentro de un contenedor flexible. Familiarízate con la propiedad justify-content. |
6 | Alineación de elementos en el eje transversal Aprende sobre las formas de alinear elementos en el eje transversal dentro de un contenedor flexible. Familiarízate con la propiedad align-items. |
7 | Propiedades de los elementos Flex. Flexibilidad. Flex-grow Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia la propiedad Flex-grow. |
8 | Propiedades de los elementos Flex. Flexibilidad Aprender sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudiar las propiedades flex-shrink, flex-basis, flex. |
9 | Propiedades de los elementos Flex. Posicionamiento Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia las propiedades order y align-self. |
10 | Media queries Conoce una de las herramientas más poderosas para crear sitios web adaptables: las media queries. |
Desafíos
1 | Adaptabilidad en Flex |
2 | Galería de mosaicos |
3 | Sección Hero |
4 | Histograma |
- Práctica en el navegador
- Acceso permanente a la teoría
- Aprende a tu ritmo
pages.courses.show.subscription_description