Nivel Básico
29 clases
4 horas de contenido
16 horas de práctica
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).
Instalación y directivas
Utilidades
Plugins
Personalización
Proyecto: Platzi Travel
- 13
Estructura HTML base de un clon Airbnb
02:58 min - 14
Sección home con Tailwind: imagen y búsqueda
12:53 min - 15
Construyendo cards con Tailwind CSS
11:24 min - 16
Extracción de componentes con @apply en Tailwind
04:18 min - 17
Scroll horizontal con Tailwind y Flexbox
08:46 min - 18
Animaciones y transiciones con Tailwind CSS
12:52 min - 19
Sección de rentas destacadas con Tailwind
11:53 min - 20
Sección de FAQs con Flexbox en Tailwind
05:46 min - 21
Cómo construir un footer con Tailwind CSS
05:56 min - 22
Tab bar fija con íconos SVG en Tailwind
17:31 min - 23
Diseño responsive web con Tailwind lg
18:15 min - 24
Rentas destacadas responsivas con Tailwind
14:41 min - 25
Creando la navbar
16:19 min - 26
Dark Mode en Tailwind con JavaScript
25:16 min
Optimización de nuestro proyecto
Conclusiones
Profes del curso
Conoce quién enseña el curso
Ana María Díaz Solorio
Frontend Web Developer
Frontend Web Developer
4.3 · 367 opiniones
Rodrigo Rojas Candia
@rorocanrojas1998975·
Muy bueno el curso
Andrés Leal
@andresleala·
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 🥳👏
Jovanny Alarcon C
@jovanny-alarcon-c·
con los conocimientos basicos de html, css y este curso podemos empezar a hacer paginas web muy bonitas y mas rapido
Fernando Molano Castrillón
@fermolanoc·
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.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender