Si quieres aprender Tailwind CSS sin pagar por una formación extensa, este curso gratuito puede ser un buen punto de partida. La formación está en español, dura 1 hora y 32 minutos y combina conceptos básicos con la creación de un sitio web responsive.
El curso se enfoca en desarrolladores que ya conocen HTML y CSS, pero quieren incorporar Tailwind CSS a sus proyectos. Además, incluye contenidos sobre componentes reutilizables, estilos arbitrarios y el compilador JIT.
Importante: el curso aparece actualizado en junio de 2021. Tailwind CSS ha evolucionado desde entonces, por lo que conviene utilizar esta formación principalmente para aprender sus fundamentos. La documentación oficial actual corresponde a una generación mucho más reciente del framework.
¿Qué aprenderás en este curso gratuito de Tailwind CSS?
La formación plantea un aprendizaje práctico, con especial atención a la construcción de un sitio web responsive. El contenido también aborda varias herramientas y conceptos que ayudan a entender cómo trabajar con Tailwind CSS.
Entre los principales temas que aparecen en el programa están los siguientes:
- Conceptos fundamentales para crear sitios web con Tailwind CSS.
- Uso del compilador JIT.
- Creación de componentes reutilizables.
- Mejores prácticas al utilizar componentes y estilos.
- Creación de estilos arbitrarios.
- Uso de selectores personalizados.
- Creación de un sitio web responsive.
- Configuración y utilización de Tailwind CSS.
Tailwind CSS utiliza clases de utilidad que permiten aplicar estilos directamente sobre los elementos del marcado. La documentación actual mantiene este enfoque como uno de los conceptos centrales del framework.
Contenido y duración del curso
El curso está dividido en cinco secciones y contiene 31 clases. Sin embargo, las capturas muestran tres bloques principales del programa y una duración total de 1 hora y 32 minutos.
| sección | clases | duración |
|---|---|---|
| Introducción | 4 | 5 minutos |
| Conceptos básicos | 7 | 17 minutos |
| Creación de sitio web | 20 | 1 h 12 min |
| Total | 31 | 1 h 32 min |
La sección dedicada a crear un sitio web concentra la mayor parte del contenido. Esto resulta interesante porque el curso no se limita a explicar conceptos, sino que plantea una aplicación práctica de Tailwind CSS.
Si quieres ampliar tus conocimientos de desarrollo web después de esta introducción, también puedes revisar ¿Cómo se hacen páginas como Netflix, Spotify y Amazon? Este curso gratis de Udemy lo explica.
¿Qué necesitas para comenzar?
No necesitas conocimientos avanzados para empezar con el curso. Sin embargo, la propia formación establece algunos requisitos básicos que conviene tener presentes.
| requisito | nivel necesario |
|---|---|
| HTML | conocimientos básicos |
| CSS | conocimientos básicos |
| Terminal | uso básico |
| Desarrollo web | conocimientos iniciales recomendados |
Estos requisitos tienen sentido porque Tailwind CSS modifica la forma habitual de trabajar con los estilos. Por ello, conocer previamente HTML y CSS permite concentrarse en aprender el funcionamiento del framework.
También conviene tener cierta familiaridad con la terminal. El curso incluye contenidos relacionados con el manejo de herramientas necesarias para trabajar con Tailwind CSS.
¿Para quién está pensado este curso?
La formación está dirigida principalmente a desarrolladores que quieren integrar Tailwind CSS en sus proyectos. También puede resultar interesante para quienes buscan una alternativa práctica para comenzar a crear interfaces utilizando clases de utilidad.
El propio curso menciona tres perfiles principales:
- desarrolladores que quieran integrar Tailwind CSS en sus proyectos;
- desarrolladores que quieran utilizar un framework de CSS con popularidad creciente;
- personas que quieran crear sitios o aplicaciones con una presentación más cuidada.
No hace falta plantearlo como un curso exclusivamente para principiantes absolutos. Si ya conoces HTML y CSS, podrás aprovechar mejor las explicaciones y avanzar directamente hacia la parte práctica.
¿Qué puedes aprender sobre Tailwind CSS?
Uno de los puntos interesantes del curso es que presenta varias características relacionadas con la personalización de estilos. Entre ellas aparecen los estilos arbitrarios, los selectores personalizados y la creación de componentes reutilizables.
Estos conceptos encajan con la filosofía de Tailwind CSS, que permite combinar clases de utilidad para construir interfaces directamente desde el marcado. El framework también proporciona variantes responsive para aplicar estilos dependiendo del tamaño de pantalla.
| tema | utilidad |
|---|---|
| clases de utilidad | aplicar estilos directamente en el marcado |
| diseño responsive | adaptar interfaces a diferentes tamaños |
| componentes reutilizables | evitar repetir patrones de interfaz |
| estilos arbitrarios | personalizar valores concretos |
| JIT | trabajar con generación de estilos durante el desarrollo |
| selectores personalizados | ampliar las posibilidades de estilizado |
La parte responsive merece especial atención si quieres desarrollar interfaces para diferentes dispositivos. Tailwind utiliza variantes asociadas a puntos de ruptura para modificar el comportamiento visual según el tamaño de pantalla.
¿Vale la pena tomar este curso gratuito?
Por duración y enfoque, puede funcionar bien como una primera aproximación a Tailwind CSS. Las 31 clases suman 1 hora y 32 minutos, mientras que la mayor parte del tiempo se dedica a la creación de un sitio web.
Además, la formación registra 4,5 sobre 5 con 404 valoraciones. Esa puntuación ofrece una señal positiva, aunque también aparecen comentarios que señalan que algunas explicaciones pueden avanzar demasiado rápido.
La fecha de actualización merece una consideración aparte. Al figurar junio de 2021, no conviene tomarlo como una guía completa para las características actuales de Tailwind CSS.
La mejor forma de aprovecharlo consiste en utilizarlo para comprender los fundamentos y después consultar la documentación actual cuando trabajes con proyectos recientes. Actualmente, Tailwind CSS utiliza un flujo de instalación y compilación diferente al que podía encontrarse en versiones anteriores.
Un curso corto para empezar sin pagar
Si ya tienes conocimientos básicos de HTML y CSS, la duración juega a favor de esta formación. En poco más de una hora puedes recorrer los conceptos principales y observar cómo se aplican mientras se construye un sitio web.
También puede servir como punto de partida antes de profundizar en Tailwind CSS. Después de familiarizarte con el framework, puedes ampliar tus conocimientos hacia herramientas y tecnologías utilizadas en proyectos web más completos.
Por ejemplo, si también quieres aprender Laravel mediante un proyecto práctico, puedes consultar Este curso de Udemy enseña Laravel creando una app real de viajes compartidos.
¿Dónde tomar el curso gratuito de Tailwind CSS?
El curso está disponible gratuitamente y puedes acceder a sus 31 clases sin pagar por la formación. Solo necesitas cumplir los requisitos básicos de HTML, CSS y manejo de terminal indicados por el instructor.
Recuerda que la formación fue actualizada en junio de 2021. Por eso, si vas a utilizar Tailwind CSS en un proyecto actual, resulta recomendable contrastar cualquier configuración o característica con la documentación vigente.
Si quieres empezar con los fundamentos y comprobar por ti mismo si el contenido se adapta a lo que buscas, puedes tomar el curso gratuito de Tailwind CSS directamente desde Udemy:
