CSS Grid: Principiante a Experto Creando Web Responsive
Experto en CSS, lleva CSS al Siguiente Nivel con un Proyecto! CSS Grid, CSS Avanzado y Flexbox
Description
Aprenderemos la nueva forma de crear Layout sin tener que usar librerías pesadas únicamente con CSS Grid, veremos lo potente que es y lo muchos casos de uso que tiene.
Cogeremos paginas complejas y las adaptaremos a CSS Grid en cuestión de pocas lineas y demostrar que un proyecto complejo se puede convertir en uno simple con el simple uso de CSS Grid.
En este curso aprenderás desde lo básico a lo más Avanzado.
¿Que es Grid ?
Como combinas CSS GRID y elementos con Flexbox
Posicionar columnas y filas dentro de CSS Grid.
Lo fácil que es hacer Web Responsive y posicionar los elementos con CSS Grid.
Términos y funciones clave de CSS Grid como repeat(), minmax() auto-fit, auto-fill y mucho mas.
Crear sitios web responsive fácilmente.
Recreando la Home de Apple un poco modificada.
What You Will Learn!
- Crear páginas web utilizando Flexbox y Grid.
- Diferenciar cuando es bueno utilizar Flexbox y cuando es bueno Grid. (Se puede combinar y usar juntos)
- Aprenderemos a hacer Diseño Responsive con CSS Grid.
- La diferencia entre CSS y CSS Grid
- Escribir el código para poder intuir el resultado de nuestra página web solo con ver el código.
- Como Combinar CSS Grid y Flexbox.
- Veremos cuándo es recomendable usar Flexbox y cuando no.
- Configuraremos nuestro editor de texto para escribir menos en CSS y CSS Grid.
- Aprenderemos creando proyectos reales.
Who Should Attend!
- Personas que quieres aprender hacer Web Responsive
- Desarrolladores Web
- Programadores Front-End
- Maquetadores Web
- Maquinadores CSS