Layout web con CSS Grid, Flexbox y otras técnicas modernas

Go to class
Write Review

Layout web con CSS Grid, Flexbox y otras técnicas modernas provided by Domestika is a comprehensive online course. Layout web con CSS Grid, Flexbox y otras técnicas modernas is taught by Javier Usobiaga Ferrer. Upon completion of the course, you can receive an e-certificate from Domestika. The course is taught in Spanishand is $16.00. Visit the course page at Domestika for detailed price information.

Overview
  • Descubre las nuevas retículas y otras formas de diseñar una web con CSS Shapes, variables y efectos parallax

    • Introducción
    • Dando forma al layout
    • Layout en una dimensión con flexbox
    • Layout en dos dimensiones con CSS grid
    • CSS grid avanzado
    • La tercera dimensión: profundidad y efectos en scroll
    • Proyecto final
    La web vive en un cambio constante y con la llegada de CSS Grid y Flexbox, las reglas del juego volvieron a cambiar. Javier Usobiaga –diseñador web, desarrollador FrontEnd y confundador del estudio Swwweet– tiene 13 años de experiencia creando diversos proyectos para clientes como el Ayuntamiento de Barcelona, y con su amplia experiencia, te invita a descubrir las técnicas y herramientas más modernas que están revolucionando al sector.

    Si en el curso de Introducción al Desarrollo Web Responsive con HTML y CSS, ya te iniciaste en el mundo del web responsive, en este aprenderás diversas técnicas avanzadas con herramientas como CSS Grid, Flexbox, CSS Shapes, las viewport units, las variables de CSS, las transformaciones 3D o los efectos tipo parallax.

Syllabus
    • Presentación
    • Influencias
    • Variables en CSS
    • CSS shapes
    • CSS columns
    • Imágenes con object-fit
    • Las viewport units
    • Layouts avanzados con flexbox
    • Alineaciones avanzadas
    • Alineaciones en eje principal y eje cruzado
    • Propiedades del contenido
    • Propiedades del contenedor
    • Introducción a flexbox
    • Grid responsive automático
    • Distribución y tamaño
    • Funciones de retícula
    • Introducción a CSS grid
    • Grid (y flexbox) en práctica
    • Anidación
    • Alineación y orden
    • Áreas en la retícula
    • Inspiración y recursos
    • Animaciones sincronizadas con scroll
    • Cabeceras fijas
    • Introducción a las transformaciones 3D
    • Técnicas de layout web