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
Opiniones del curso
4.3 · 367 opiniones
Kevin Fiorentino
@KevinFiorentino·
Muy buen curso, genia la profe! Gracias!
SANDRA JULIETA CÓRDOBA ARVELO
@sandracordoba16·
practico y muy interesante el curso, me parece genial tener todo en un solo archivo, aprendí mucho me parece más fácil trabajar las páginas de esta manera, la profe súper simpática e inteligente, muchas gracias
Eduardo Villota
@eduardouio·
genial, ya logre entender lo basico de tailwindcss
Francisco Ramirez
@mframirez716·
Excelente!
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