El futuro solo será mejor

Consideraciones previas

Te presento el proyecto del curso

Software a Instalar

Bienvenida

Problemas en nuestro código actual

Componentes

Convenciones de nombres populares en CSS

Convenciones para este curso

Convenciones y conceptos nuevos

Flexible Box Layout Module

Flex Layout Box Model

Estilos básicos para probar Flexbox

Configuración por defecto de Flexbox

Orden y dirección

Flex Lines

Flexibilidad

Alineamiento

Flexible box Layout

Documentación de colores

Exportando íconos de Figma

Estilos para íconos

Creando una fuente personalizada con íconos

Estilos de Texto

Estilos de cuerpos y enlaces

Sistemas de diseño

Botones

Logo

Listas generales

Menú Principal

Barra Lateral

Truncar Textos

Reto: Open Graph y Favicon

Slider Multipropósito

Controles de reproducción

Control de volumen

Tema Actual

Composición del Reproductor

Lista de producción A

Lista de producción B

Lista de listas reproducción

Reto: Agregar caratulas a las listas de reproducción

Formulario de búsqueda

Navegación interna

Barra superior

Composición de página y main Landmark

Composición de la Interfaz y contentInfo Landmark

Personalizando la barra de desplazamiento

Adaptando el proyecto a cualquier resolución

Testeando la accesibilidad y mandar el proyecto a revisión

Qué sigue

Proyecto: Spotifu orientado a Componentes

Google Developer Expert

Las bases en HTML y CSS que se obtienen de forma autodidacta o en el <a href="https://leonidasesteban.com/cursos/html-css-fundamentos">curso esencial de HTML y CSS</a>&nbsp;

Aprende Flexbox, accesibilidad y estrategias de escalabilidad para tu CSS.

Curso de Flexbox Layout y Componentes

Curso de Flexbox Layout y Componentes

Detalles de la compra

$ 50 USD