Curso
Tailwind CSS
Da formato a tus interfaces sin acumular una hoja de estilos que mantener: clases de utilidad, adaptación a las pantallas, tema, modo oscuro y extracción de componentes.
De principiante a intermedio 7 lecciones
Las lecciones
- 1 Por qué clases utilitarias Sabrás explicar qué problema de mantenimiento resuelve realmente Tailwind, qué pagas a cambio y en qué proyectos es mejor prescindir de él.
- 2 Instalación y configuración Aprenderás a instalar Tailwind en un proyecto moderno, a entender cómo detecta las clases utilizadas y a preparar tu editor para el autocompletado y la ordenación de clases.
- 3 El vocabulario básico Aprenderá a combinar espaciados, tipografía, colores, bordes y sombras con la escala de Tailwind, y a reconocer los pocos casos en los que un valor arbitrario está justificado.
- 4 Maquetación con Flexbox y Grid Sabrás construir una barra de navegación, una cuadrícula de tarjetas y una columna lateral sticky, y diagnosticar los tres fallos clásicos de alineación.
- 5 Adaptar a las pantallas Sabrás escribir un diseño mobile first con los prefijos de puntos de ruptura, entenderás por qué el razonamiento inverso falla y usarás las consultas de contenedor.
- 6 Tema y modo oscuro Aprenderá a definir sus colores y fuentes en el tema, a construir un modo oscuro controlable por el usuario y a evitar que cada clase se duplique.
- 7 Evitar el marcado ilegible Sabrá cuándo extraer un componente, por qué @apply es casi siempre una falsa buena idea y cómo componer clases condicionales sin conflictos.