Contenido del curso

    1. Introducción

    2. ¿Cómo funcionará el curso?

    3. ¿Cómo hacer preguntas?

    4. Instalaciones Necesarias

    5. ¡Únete a Nuestra Comunidad de DevTalles en Discord!

      PRUEBA GRATIS
    1. Introducción

    2. Temas puntuales

    3. ¿Qué es TailwindCSS?

    4. ¿Cómo funciona Tailwind?

    5. Tema, base, componentes y utilidades

    6. Creando un componente

    7. Flexbox Row

    8. Flexbox Column

    9. Grid

    10. TailwindCSS - Documentación

    1. Introducción

    2. Temas puntuales de la sección

    3. Inicio de proyecto - TailwindCSS localmente

    4. Prettier - Configuraciones necesarias

    5. .gitIgnore - Configuraciones de Git

    6. Live Server - Probar y desarrollar

    7. Ejercicios con pseudo clases

    8. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Continuación de proyecto

    4. Ejercicio - Listas

    5. Ejercicio - Tablas

    6. Tablas responsivas

    7. Ejercicio - Formularios

    8. Elementos hermanos - Peer

    9. Ejemplo - Has()

    10. Ejemplo - Grupos

    11. Ejemplo - Hermanos

    12. Ejemplo - Grupos anidados

    13. Ejemplo - Grupos implícitos

    14. Ejemplo - Diferenciando peers

    15. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Continuación de proyecto

    4. Ejemplo - Diseño responsivo

    5. Ejemplo - Tema light y Dark

    6. Cambiar tema manualmente

    7. Ejercicio - Variables de color

    8. Ejercicio - Fuentes personalizadas

    9. Código fuente

    10. Repaso interactivo: TailwindCSS

    11. Ejercicios - TailwindCSS

    1. Más información sobre nuestros otros cursos

    2. Fin del curso

Acerca de este curso

  • 51 lecciones
  • 4 horas de contenido en video
  • Fernando Herrera
  • Exclusivo con tu suscripción DevTalles PRO

Requisitos previos

• Conocimiento básico sobre CSS, si se conoce sobre MediaQueries mucho mejor.

Descripción del curso

En este curso aprenderás a profundidad cómo funciona TailwindCSS y cómo utilizar su enfoque utility-first para crear interfaces web modernas, estilizadas y completamente responsivas, minimizando o evitando por completo el uso de JavaScript para el comportamiento visual.

Descubrirás la libertad de diseñar directamente en tu HTML sin escribir CSS tradicional repetitivo, optimizando tu flujo de trabajo y logrando sitios web extremadamente rápidos, consistentes y fáciles de mantener.

Aprenderás desde la integración más simple hasta la configuración avanzada del framework en entornos locales, aplicando las recomendaciones oficiales del equipo de Tailwind para optimizar tus proyectos para producción.

¿Qué lograrás al finalizar?

  • Dominar el catálogo de utilidades de TailwindCSS para maquetar interfaces a gran velocidad.
  • Crear layouts complejos y responsivos (Flexbox y Grid) sin tocar una sola línea de CSS puro.
  • Aprovechar las pseudo-clases nativas de Tailwind para crear componentes interactivos y dinámicos sin depender de scripts pesados.

🎨 ¡Dile adiós a las hojas de estilo kilométricas y domina el framework que está transformando el desarrollo frontend!



¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.