Conociendo Tailwind CSS
Bienvenida al desarrollo con Tailwind
Tailwind 3.0: ¿qué hay de nuevo?
¿Cómo funciona Tailwind? Y otros frameworks de CSS
Mobile First y Utility First
Instalación y directivas
Creación del proyecto e instalación de Tailwind
Directivas de Tailwind
Utilidades
Nueva paleta de colores extendida
Medidas y Breakpoints
Flexbox
Maquetación del proyecto
Plugins
Forms, Typography y Aspect ratio
Personalización
Tailwind como API para la creación de un Design System
Proyecto: Platzi Travel
Construyendo el cuerpo del proyecto
Creando la sección de Home
Diseñando nuestras cards
Extracción de componentes a clases para nuestra card
Creando la sección de Recomendados
Agregando animaciones al proyecto
Creando la sección de Rentas destacadas
Sección de FAQS
Footer
TabBar funcional
Haciendo responsivo nuestro proyecto
Haciendo responsivo nuestro proyecto: rentas destacadas
Creando la navbar
Agregando el Dark Mode
Optimización de nuestro proyecto
Purge CSS
Cómo hacer la migración de tu proyecto a Tailwind 3.0
Conclusiones
Conclusiones y siguientes pasos
Ana María Díaz Solorio
Los recursos necesarios para crear nuestro proyecto los podemos exportar directamente de Figma con la maquetación del proyecto Platzi Travel.
Aportes 33
Preguntas 3
Aquí vamos!
Justo comence a aprender tailwind desde su documentacion y digo a ver cuando platzi saca curso de tailwind, y sacan el curso el mismo día, creo que estoy de suerte. 😃
Estuve huyendo a tailwind por un tiempo con el fin de formar unas buenas bases de css puro.
Creo que con css puro se puedo hacer de todo pero acá estamos porque el mercado lo pide.
Vamos a darle!!!
Laravel se está moviendo mucho con Tailwind actualmente
El curso pinta muy bien, la verdad considero que deberia estar en la carrera de desarrollo con php, tailwind css y vue son los mejores amigos de laravel desde la version 7
Listo para complementar lo aprendido en el otro curso de Tailwind 👏👏👏👏👏👏
A ver, que tal Tailwind 😄
😎 Yo tomé la primera versión de este curso, no me gustó jaja.
Espero que este curso venga con mejores clases, más fáciles de entender y mejores proyectos.
Wow! Que buena intro. El proyecto me motiva mucho a terminar el curso! Siempre he sido más del backend, pero ahora estoy mejorando mis skills para saber un poco de front, me fascina poder conectar todo de manera rápida y profesional 😁 Suerte a todos los nuevos!
He escuchado tanto de este framework, cosas buenas, pues vamos a darle un voto de confianza, a ver que tal esta, he utilizado otros como el clásico bootstrap, materialize entre otros, suena interesante el curso y a darle y nunca parar de aprender. 💪😎
genial un nuevo curso de tailwind
Estaba esperando este curso, Gracias.
Se ve espectacular ese proyecto. Anteriormente tomé un curso de Tailwind aquí en Platzi y no me gustó mucho pero este pinta muy bien con metodologías para reutilizar componentes y clases.
Revisa este dato, te puede interesar…
.
Si quieres hacer este curso debes saber que hay cosas algo desactualizadas, para lo cual te dejo estos apuntes 👈👀 donde trato de recopilar las soluciones a los problemas que puedas encontrarte. Actualmente, estoy a la mitad del curso, así que tienes hasta este momento 15 clases para ver sin problemas.
Hola a todos, en caso de que uses medidas responsivas para el ancho o alto de los elementos osea la unidad vw y vh te recomiendo esta pagina. En esta pagina podras saber cuanto es ese vw en el width de Tailwind, aunque es solo para vw es un aproximado similar para el vh. Cuand yo quiero saber cuanto seria mi vh en el height de tailwind lo hago pasar como si fuese el vw y tomo eso como guia para ir probando con los height de tailwind.
(https://www.pixelconverter.com/vw-to-pixel-px-converter/)
El proyecto final tiene buena pinta, a darle con toda
Con ganas de aprender algo de Tailwind que se puso muy de moda!
que pintaza tiene este curso, la verdad.
✍
Estoy muy feliiiiiiiiiiiz ajjajajajaja vamos a pasar otro nivel mi empresa ❤️
Creo que me enamore ❤️
Super interesante la introducción, enganchado…
Frameworks de front, si a todo
B) se ve muy chido el curso
Emocionado de tomar éste curso (complemento). Soy de los que les gusta el “CSS Puro”. Pero, al ir creciendo dentro del desarrollo, te das cuenta que, tienes que fijarte en muchos aspectos (peso, funcionalidad, accesibilad …etc). Gracias Platzi, por estar siempre actualizando cursos o ir a las bases.
La profesora bien, pero creo que pudieron traer tal vez a alguien con más experiencia en la enseñanza, se siente que la señorita le falta experiencia con cursos online.
Pero con fe
como que me da huevita esta maestra xD
Emocionadísimo por aprender Tailwind.!!! Desde hace tiempo quería aprenderlo!
Les comparto la pagina oficial de Tailwind CSS
https://tailwindcss.com/docs/installation
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?