Tailwind CSS

Introducción

• Visión general de Tailwind CSS.

Primeros pasos

• Instalación de Tailwind CSS.
• Instalación de Node.
• Instalación de VS Code.
• Configuración del entorno.

Conceptos básicos de Tailwind CSS

• Vinculación de Tailwind CSS con HTML.
• Creación de contenedores con clases de utilidad.
• Añadido de propiedades de ancho y alto.
• Comprensión del funcionamiento de Flexbox.
• Agrupación y cambio de tamaño de elementos flexibles.
• Creación de diseños en cuadrícula (grid) y filas.
• Ajuste del flujo de elementos en un diseño en cuadrícula.
• Añadido de espaciado y justificación entre elementos.
• Justificación individual de cada elemento.
• Añadido de relleno (padding) y márgenes a los elementos.
• Estilizado de texto mediante clases de utilidad de Tailwind.
• Añadido y estilizado de bordes.
• Añadido de sombras a los elementos.
• Uso de puntos de interrupción para añadir comportamiento responsivo.
• Uso de selectores pseudo-clase.
• Directivas de capa y aplicación.
• Uso de componentes para la reutilización de código.

Configuración de un entorno de desarrollo mejorado

• Creación de un entorno con la CLI de Tailwind.
• Directivas y funciones.

Resumen y próximos pasos