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
• Agregado de propiedades de ancho y alto
• Comprensión del funcionamiento de Flexbox
• Agrupamiento y redimensionamiento de elementos flexibles
• Creación de diseños en cuadrícula y filas
• Ajuste del flujo de elementos en un diseño de cuadrícula
• Agregado de separaciones y justificación de elementos
• Justificación de elementos individuales
• Agregado de relleno y márgenes a los elementos
• Estilización de texto utilizando clases de utilidad de Tailwind
• Agregado y estilización de bordes
• Agregado de sombras a los elementos
• Uso de puntos de ruptura para agregar comportamiento adaptable
• Uso de selectores pseudo-clase
• 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 la CLI de Tailwind
• Directivas y funciones

Resumen y próximos pasos