Newsletter para devsEntra
Masterclass

Taller práctico de TailwindCSS: Conceptos clave y ejemplos

Aprende a usra Tailwind CSS con los concepto más básicos en este taller interactivo.

Desde 15€/mes

Taller práctico de TailwindCSS: Conceptos clave y ejemplos

01:22:00
Suscríbete para ver la masterclassDesde 15€/mes

Duración total: 01:22:00

Código descargable

Acceso 100% online

Taller práctico de TailwindCSS con repositorio y ejemplos: instalación, configuración, clases utilitarias, responsive, plugins y buenas prácticas de rendimiento.

Qué vas a aprender

  1. 1Repositorio práctico y ejecución local (npm rundev)
  2. 2Filosofía utility-first de TailwindCSS
  3. 3Instalación y tailwind.config.js
  4. 4Uso del playground y edición en vivo
  5. 5Personalización de colores y theme
  6. 6Espaciado, tamaños y unidades (rem)
  7. 7Responsive design y breakpoints mobile-first
  8. 8Plugins útiles: typography y forms
  9. 9Componentes y plantillas (gratuitas y de pago)
  10. 10Buenas prácticas: purgado, rendimiento y evitar CDN

Explora los capítulos

1. Introducción y configuración del entorno [04:23]

Introducción y configuración del entorno

[03:26]

Por qué usar Tailwind CSS

[00:57]

2. Utility first y filosofía de Tailwind [11:56]

Utility first y filosofía de Tailwind

[02:50]

Instalación y configuración 🔥

[09:06]

3. Estructura y sintaxis de clases [36:31]

Estructura y sintaxis de clases

[16:14]

Trabajando con tipografía

[09:59]

Sistema de espaciado y tamaños

[10:18]

4. Flexbox y grid [22:05]

Flexbox y grid

[07:14]

Sistema responsive 🔥

[05:04]

Animaciones y transiciones

[06:54]

Modo oscuro 🔥

[02:53]

5. Plugins y extensiones [07:05]

Plugins y extensiones

[01:36]

Componentes y aplicación de estilos

[02:53]

Recursos y herramientas adicionales

[02:36]

Suscríbete

Desde 15€/mes