
Crea tu primer landing page utilizando Tailwind, un framework CSS que te permitirá agilizar el desarrollo de tus proyectos además de aplicar las mejores prácticas y herramientas que llegaron con Tailwind 2.0. Aprende con tu profesora Ana María Díaz (@coding_byanna).
Clases del curso
Instalación y directivas
Utilidades
Plugins
Personalización
Proyecto: Platzi Travel
Optimización de nuestro proyecto
Conclusiones
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

Conoce quién enseña el curso

Ana María Díaz Solorio
Frontend Web Developer
💻 Frontend Web Developer
🎙 Creadora de contenido educativo en TikTok
🎮 Gamer
Proyecto del curso

Platzi Travel
Construye una landing page responsiva para Platzi Travel, el sitio web que te mostrará información sobre hospedajes en todo el mundo. Tu sitio aún tendrá la opción de dark mode que ofrece Tailwind.
Ver proyectoconocimientos previos
- HTML y CSS
Mira las primeras 3 clases sin costo en este momento
4.4 · 359 opiniones


Andrés Leal
Este curso da una excelente introducción a Tailwind CSS, nos da un gran panorama para utilizarlo en nuestros próximos proyectos. Así que ahora podremos hacer un proyecto de principio a fin con la configuración necesaria para producción. Totalmente recomendado para cualquiera que esté adentrado en el mundo del desarrollo web. Yo lo uso en todos mis proyectos y me encanta! Aplausos a la maestra por lo bien que explica el contenido 🥳👏


Daniel Mancera
Men encantó el curso es bastante practico y la profesora es excelente, explica muy bien

Jovanny Alarcon C
con los conocimientos basicos de html, css y este curso podemos empezar a hacer paginas web muy bonitas y mas rapido

Juan Sebastian Olarte Uribe
Seria bueno un cruso de como integrarlo a demas frameworks como django


German Quiñonez
Él me ayudó a entender mejor el funcionamiento de tailwind, como poder dar estilo a un svg, manejar el archivo configuración, en general me fue bastante útil.


Es un gran curso, el proyecto en el que se trabaja es genial 🥳 y la profesora explica muy bien. 💯/💯!!


Fernando Molano Castrillón
Hands down to Ana. Aunque se notan los nervios por ser su primer curso la sacó del estadio. El curso está excelente, muy bien explicado, el diseño es espectacular y todo lo visto está muy actualizado. Genial que hayan incluido el dark mode... PERO solo un pequeño detalle, en muchas ocasiones en vez de definir un estilo (por ejemplo un color de texto dentro del div) se lo aplicaba multiples veces a todos los hijos de ese div lo cual no es buena práctica. Es el único detalle. De resto espectacular.


Percy Tejada
Muy buenos conceptos básicos sobre Tailwind, hace falta uno más avanzando. Gracias Platzi!


Juan David Murillo Giraldo
Gran curso, lástima la salida a producción de la versión 3 de Tailwind pero sin duda el curso sigue vigente y sumamente útil


Juan David Camayo Sastoque
Excelente curso, el contenido es muy bueno y la profesora explica muy bien. Super recomendado!!


Uriel Mojica Mejía
Excelente curso con una excelente profesora!!!


David Rodriguez
Me encantó el curso, Tailwind será parte de mis proyectos de ahora en adelante.


José Manuel Hernández Antaño
Es un buen curso, he aprendido mucho de tailwind no había tenido la oportunidad de usarlo y me ha gustado, recomiendo mucho este curso.


Cesar Augusto Acjota Merma
Si es un curso muy interesante para empezar o complementar el mundo de diseño de interfaces, he aprendido mucho acerca de tailwind.css recomendadísimo.


Diego Alvaro Parra Abad
¡Excelente curso! para continuar con mi especialización como Desarrollador Web.


Juan Diaz
Aprendí demasiado con este curso, porfavor saquen a nivel experto y manipulando el DOM, también podría sugerir que este proyecto lo sigan y lo conviertan en un MINI AIR-BNB


José Josías Padilla Martínez
Un curso bastante balanceado entre teoría y demostración, a mi criterio, es bueno para familiarizarse con este framework, no obstante, hay que seguir otros cursos, puesto este como lo indica es básico, solo es un aperitivo sobre lo que es el mundo de tailwind


César Valentín Cobos Clemente
Aunque el curso da para hacer cosas más complejas, la manera en que explica la profesora es buena para quienes comienzan a aprender un framework como este, la otra parte del trabajo queda en nosotros.


Juan Pablo Ferro Arroyo
Un excelente curso, no puedo esperar a agregar tailwind a todos mis proyectos


Rowin Kaleb Hernandez Fagundez
Excelentes los datos de la versión 3.0


Jorge Armando Pacheco Del real
Excelente forma de empezar con este framework


David Geronimo Quiroga Torres
Totalmente recomendado para estar al tanto de los frameworks de CSS. Además es buen curso para ir de la mano con la documentación.


Edgar Andrés Angrino Lafaux
Estuve practicando casi 1 semana el uso de tailwind despues de ver este curso y ya he logrado comprender como usar tailwind, la explicacion estuvo buena siempre hice notas por si acaso


John Steven González
Excelente curso, la profe es muy explicativa con lo que dice. Doy 4 estrellas en el contenido, ya que no se explico mucho sobre el "grid" en las clases y en ningun momento se utilizó, todo fue flex. Pero excelente curso


Jorge Ibarra Delgado
Me pareció un muy buen curso introductorio. La exposición de la profesora pudo ser mucho mejor, ya que iba repitiendo un patrón que llegó a ser repetitivo. Pero en general estuvo muy bien, espero más cursos de ella.


Leonardo Burbano
¡Proyecto práctico genial!


Camilo Sosa
Excelente introducción a este framework de css


Juan Camilo Infante Barón
Me gustó mucho ver cómo se puede crear una interfaz avanzada, que fácilmente podría convertirse en un producto real, usando Tailwind. Aquello que normalmente se veía tan lejos de alcanzar, en este curso lo logramos. Me gustó mucho el proyecto


Carlos Alberto Meneses
Muy buen curso para practicar, solo pienso que la mala suerte de cambiar a version 3 rapidamente puede tener problemas con los estudiantes mas nuevos


Jehú Frayle
Veo este curso como una continuación al curso de mobile first con Diego De Granda, visto así está bastante bien, pues lo que ya sabes hacer con CSS lo aprendes a mover a Tailwind. El único detalle es que a la profe se le ve un poco insegura al explicar.
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender