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
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 45
Preguntas 2
Fue un gusto tomar este curso, al final pensé tirar todo a la borda por que en producción no me quedaba, ahora traigo mi codigo y mi deploy del proyecto para ponerlo en mi portafolio.
😃 GitHub: https://github.com/SoterRamirez/HotelTravel
😄 Deploy: https://hoteltravel.netlify.app/
Gracias.
Asi me quedo
Version Desktop
🍃 Este es un buen curso mal hecho. Es solamente mi opinión, he tomado casi 100 cursos en esta plataforma, hay unos tan buenos que dan ganas de tomarlos de nuevo, y otros que son muy malos. Este es un buen curso con buen contenido, buen proyecto y buena tecnología, pero se nota que no fue cuidadosamente producido. Aquí van algunos puntos que creo podrían mejorar la experiencia del estudiante:
Reducir el tiempo de cada sección: Si las clases tardan demasiado tiempo en terminar una sección, se podría considerar dividirlas en partes más pequeñas o optimizar la manera en que se presenta el contenido para que sea más eficiente.
Preparación adecuada: La profesora puede ensayar antes de cada clase o tener un guion más estructurado para mejorar la fluidez de su presentación.
Actualización del curso: Es importante mantener el curso actualizado con las últimas versiones y mejores prácticas en la tecnología, especialmente si han pasado más de un año desde su lanzamiento.
4 .Revisión antes del lanzamiento: Sería útil que un equipo de revisión revisara el curso antes de lanzarlo para asegurarse de que todo esté funcionando correctamente y que el contenido sea de alta calidad.
Creo que vale la pena actualizar el curso y mejorarlo, la profesora no es mala, pero se notaba nerviosa a veces. No es malo, pero sí sería mejor una versión actualizada poniendo atención a las oportunidades de mejorar.
Fue un buen curso.
Comparto mi deploy en netlify carlosTravel
mi codigo en github repo
Falta el deploy …
Ha costado alguito, aquí dejo mi repo
Acá les dejo el repositorio de mi proyecto y la página de GitHub pages donde está montado por si quieren revisar.
Excelente curso!. Acá dejo mi proyecto con imágenes optimizadas.
Repo: https://github.com/salinatomass/platzi-travel
Página: https://platzi-travel-landing.netlify.app
Les comparto mi repo
Decidi usar Vite con React
Repo: https://github.com/cristianiniguez/curso-basico-tailwind
WEB: https://stivensonmejia.github.io/CursoDeTailwind/src/index.html
REPO: https://github.com/StivensonMejia/CursoDeTailwind
Me gusto mucho el curso, es cierto que tailwind agiliza bastante el proceso gracias a sus parámetros definidos, sin embargo se me hace muy confuso tener que ver los estilos directamente en html siento que se ve más desordenado todo, excelente curso 10/10 aprendi a usar tailwind
Les dejo mi repo y deploy, lo trabajé con viteJS-React y mejoré algunas cosas como el tema de las cards para ahorrar codigo, aun sigo mejorando cositas:
Repo:
https://github.com/IngDonovan/travel-tailwind.git
Deploy:
https://ingdonovan.github.io/travel-tailwind/
dejo mi humilde proyecto:
https://ghalliard.github.io/platzi-travel/public/
Como publicarlo en GitHub Pages
Hola, aquí pueden encontrar el mismo proyecto hecho con Next.js
me gusto buen curso:
github page: https://riszart.github.io/landing-page-tourism/
Muy buen curso de este framework CSS, genia la profe! Muchas gracias!
Espero la actualización del curso!
Gran Curso hecho desde Fedora
Amor a primera vista con Tailwind CSS 💙🚀
Repo: https://github.com/davecoude/Buda-travel
Github pages: https://davecoude.github.io/Buda-travel/public/index.html
Gracias, maestra. Muy bonito curso.
Proyecto desplegado! 😃
https://gleaming-sfogliatella-ade2e6.netlify.app/
Me gusto este curso, Tailwind es super práctico, aunque espero que actualicen el curso o creen un curso avanzado, se quedó algo corto con lo de las clases y estilos personalizados
Excelente curso!
Dejo el mío hecho en NextJs.
.
Proyecto https://traveling-three.vercel.app/
.
Repositorio https://github.com/deiviiss/traveling
Hice el proyecto con vue.js, por si lo quieren ver les comparto los links.
.
Este es el link de mi proyecto: https://adubon-tailwind.netlify.app
.
Este es el link del repositorio de mi proyecto: https://github.com/DubAvenXP/tailwind-course
Asi quedo mi proyecto:
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?