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

• Incorporació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.
• Envoltura y redimensionamiento de elementos flex.
• Creación de diseños de cuadrícula y fila.
• Ajuste del flujo de elementos en un diseño de cuadrícula.
• 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 utilizando clases de utilidad de Tailwind.
• Agregado y estilizado de bordes.
• Agregado de sombras a los elementos.
• Uso de puntos de ruptura para añadir comportamiento responsivo.
• Uso de selectores pseudo.
• Directivas de capa y aplicación.
• Uso de componentes para reutilización de 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