En esta primera clase del curso de CSS Grid vamos a repasar el índice del curso, veremos el objetivo del mismo, así como CSS Grid o Grid Layout y su origen.
La idea del curso es empezar por la base e ir progresando lección a lección aprovechando los conocimientos de la anterior lección para consolidar el aprendizaje del uso de CSS Grid y desenvolvernos con estas nuevas propiedades del lenguaje CSS.
Empezaremos por ver qué es CSS Grid, y entenderemos qué beneficios tenemos a la hora de usar estas propiedades en nuestro proyecto y cómo lo hace tan especial. Vamos a ver un poco de origen y cómo funciona la W3C. Además veremos las diferencias entre CSS Grid y Flexbox para tener algo de contexto. ¡Empecemos!
¡Primera toma de contacto completada! Tenemos claro qué es CSS Grid, para qué sirve y ya sabemos cómo se va a desarrollar el curso.
Especial mención de diferentes fuentes de las cuales podemos obtener información y documentación para tener más conocimiento sobre CSS Grid y poder aplicarlo al curso.
Pensad que al final del curso vamos a terminar construyendo nuestra propia web para CSS Grid y eso implica que tendremos que entender y conocer en profundidad cómo funcionan estas propiedades de CSS y combinarlas para aplicarlas en el resultado final.
Pero no os preocupéis porque a lo largo del curso explicaremos todo lo necesario para que cualquier persona pueda utilizar CSS Grid y poner las bases para entender el desarrollo y maquetación de la web moderna.
Como deberes os animo a que investiguéis información sobre el uso de las grillas en el desarrollo web responsive y cómo influye esta forma de construir layouts en cómo visualizamos hoy en día la web.
Si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de CSS Grid #1. ¿Qué es CSS Grid?
- Curso de CSS Grid #2. Empezamos las bases del layout
- Curso de CSS Grid #3. Trabajamos en una dimensión con Flexbox
- Curso de CSS Grid #4. Trabajamos en dos dimensiones con CSS Grid
- Curso de CSS Grid #5. Nombres y posicionamiento en línea
- Curso de CSS Grid #6. Repeat en CSS Grid
- Curso de CSS Grid #7. Grid Template Areas
- Curso de CSS Grid #8. Alineamiento de elementos del grid
- Curso de CSS Grid #9. Grid Auto-fit y Auto-fill
- Curso de CSS Grid #10. Montamos nuestra web con CSS Grid