Tailwind CSS

Introducción

• Descripció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 de desarrollo.

Conceptos básicos de Tailwind CSS

• Incorporación de Tailwind CSS en archivos HTML.
• Creación de contenedores mediante clases de utilidad.
• Aplicación de propiedades de anchura y altura.
• Comprensión del funcionamiento de Flexbox.
• Redimensionado y organización de elementos flexibles.
• Diseño de diseños con rejillas y filas.
• Ajuste del orden y disposición de los elementos en una rejilla.
• Incorporación de espacios entre elementos y justificación adecuada.
• Justificación individual de cada elemento.
• Agregado de rellenos y márgenes a los elementos.
• Diseño del texto mediante clases de utilidad de Tailwind.
• Incorporación y estilizado de bordes.
• Agregado de sombras a los elementos.
• Uso de puntos de interrupción para lograr diseños responsivos.
• Aplicación de selectores pseudo.
• Utilización de directivas de capas y aplicaciones personalizadas.
• Creación de componentes para reutilizar código.

Configuración óptima del entorno de desarrollo

• Generación de un entorno de trabajo con Tailwind CLI.
• Trabajo con directivas y funciones especiales.

Resumen y próximos pasos