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.
• Agrupación y redimensionamiento de elementos flex.
• Creación de diseños de cuadrícula y filas.
• Ajuste del flujo de elementos en un diseño de cuadrícula.
• Agregado de espaciado y justificación entre 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 interrupción para agregar comportamiento responsivo.
• Uso de selectores pseudo.
• Directivas de capa y aplicación.
• Uso de componentes para la reutilización de código.

Configuración de un mejor entorno de desarrollo

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

Resumen y siguientes pasos