Tailwind CSS

Introducción

• Resumen 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 utilitarias.
• Agregado de propiedades de ancho y alto.
• Comprensión del funcionamiento de flexbox.
• Ajuste y redimensionamiento de elementos flexibles.
• Creación de diseños con grilla y filas.
• Ajuste del flujo de elementos en un diseño de grilla.
• Agregado de espacio entre elementos y justificación.
• Justificación de elementos individuales.
• Agregado de relleno (padding) y márgenes a los elementos.
• Estilizado de texto mediante clases utilitarias de Tailwind.
• Agregado y estilizado de bordes.
• Agregado de sombras a los elementos.
• Uso de puntos de ruptura para agregar comportamiento responsivo.
• Uso de selectores pseudoclase.
• Directivas de capa y aplicación.
• Uso de componentes para reutilizar código.

Configuración de un entorno de desarrollo mejorado

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

Resumen y próximos pasos