Curso de Flexbox y CSS Grid

¿Quieres llevar un paso más allá tus conocimientos en maquetación web? Este curso de Flexblox y CSS Grid te permitirán maquetar webs utilizando estos novedosos modelos.

Realizar esta formación te permitirá obtener al mismo tiempo los conocimientos de Flexbox y CSS Grid, de una forma muy práctica, para así poder saber cuándo utilizar un tipo de contenedor u otro.

La estructura del curso es básicamente dos bloques bien diferenciados, el primero dedicado a la maquetación con contenedores Flex, y el segundo dedicado a la maquetación con contenedores Grid, cada uno de ellos divididos en varias lecciones.

Antes de entrar directamente en lo que sería propiamente la formación, te proponemos una introducción con varios propósitos, como conocer un poco al profesor que imparte el curso.

Una vez acaba la introducción ya puedes pasar al primer bloque formativo, para entrar de lleno a aprender sobre los contenedores Flex, comenzando por explicar qué son estos contenedores, qué tipo de maquetación permiten realizar y cuáles son los elementos que intervienen en la misma.

Continuarás tu aprendizaje conociendo las diferentes propiedades que tiene el contenedor Flex, como la dirección de los elementos flexibles, el ajuste de los mismos, las diferentes alineaciones que podemos darles y muchas otras.

Todo lo expuesto se irá desarrollando tanto de forma teórica como de forma práctica así podrás ver de forma visual cómo afectan los cambios aplicados a los contenedores Flex y los elementos que contienen los mismos.

En la siguiente lección entraremos a explicar cómo modificar las propiedades de los elementos flexibles que están dentro del contenedor Flex, como su tamaño y orden de colocación, detallando qué valores se le pueden asignar a los mismos para ello.

Dentro del detalle de las propiedades de los elementos flexibles, continuaremos con otra lección en la que te explicaremos cómo alinearlos, justificarlos y trabajar con el espacio libre entre ellos. Para finalizar este primer bloque hemos preparado una serie de ejercicios, que te servirán para aplicar todos los conocimientos vistos durante esta sección y comprobar si lo has asimilado correctamente.

En la segunda parte del curso trataremos los contenedores Grid, comenzando por explicar en qué consiste la maquetación mediante Grid o la maquetación en rejilla, sus ventajas y los elementos que participan en la misma.

A continuación veremos cómo utilizar el contenedor Grid para controlar la maquetación de la web, cómo definir su estructura y cómo aplicar propiedades dentro del contenedor. En otra lección aprenderás a tratar los elementos que están dentro del contenedor, a darles propiedades de posición y tamaño.

Para finalizar este bloque entraremos a desarrollar el concepto de áreas en Grid, que nos va a permitir maquetar de una forma aún más sencilla. Tras esta lección final, de nuevo tienes la posibilidad de realizar los ejercicios prácticos que ha preparado el tutor, para poner a prueba los conocimientos adquiridos durante todo el bloque del curso.

Y a modo de resumen final te presentamos una comparativa entre Flex y Grid, de sus ventajas y desventajas, para que puedas así determinar cuál elegir en cada ocasión según lo que ofrece cada una de estos contenedores.