¡Migramos un LOGIN con TAILWIND CSS en REACT! | 66 - Curso COMPLETO de REACT desde CERO [2024]

Sobre esta lección

✨Consigue ventajas y contenido exclusivo uniéndote como miembro del canal (por el precio de una cerveza al mes): ⬇️⬇️ https://www.youtube.com/channel/UCE77VqlsJLphQXTIwB55dGw/join ⚛️ Curso de React desde cero ⚛️ ⬇️ ¡Descubre más! ⬇️ En nuestro último video, nos adentramos en la práctica con Tailwind CSS, el framework de diseño más popular del momento. Tras una introducción detallada en el video anterior, donde cubrimos la instalación y configuración básica, hoy vamos a transformar el login de Wonka, originalmente diseñado con CSS tradicional, a Tailwind CSS. Aprende a aplicar las clases de utilidad de Tailwind para lograr un diseño moderno y eficiente. Acompáñanos en este paso a paso donde verás cómo aplicar estilos responsivos, ajustar márgenes, y mucho más usando Tailwind. ¡No te pierdas esta oportunidad para mejorar tus habilidades en CSS y llevar tus proyectos al siguiente nivel! Recuerda revisar el video anterior para conocer todos los fundamentos de Tailwind. ¡Dale play y empieza a transformar tu diseño! 🤔 ¿Quieres aprender como hacemos todo esto? 🤔 👨‍💻 ¿Te atreves? ¡Adelante, vamos a picar código juntos! 👨‍💻 ------------------------------------------------------------------------------------------------------------- ⬇️ÚNETE A LA MAYOR COMUNIDAD TECNOLÓGICA DIGITAL SHAKERS ⬇️⬇️ https://beacons.ai/digitalshakers ------------------------------------------------------------------------------------------------------------- Capítulos 00:00 Introducción 03:45 Recapitulación Inicial 06:10 ¿Qué necesitamos para la migración? 10:30 Estilos Globales en Tailwind CSS 11:30 Migramos el componente APP 18:35 Migramos el componente Header 30:06 IMPORTANTE Dependencias Necesarias 35:49 Migramos el componente Login 45:10 Conclusión ------------------------------------------------------------------------------------------------------------- 📌Proyectos inicial 'Login Wonka con CSS Tradicional': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_ESTILOS_CSS/01_react_estilos_css_login_css_tradicional ------------------------------------------------------------------------------------------------------------- 📌Proyecto 'Migración Login con Tailwind CSS'': GitHub Repositorio: https://github.com/SergioGit18/curso_completo_react_recursos/tree/main/codigo/REACT_ESTILOS_CSS/08-react_estilos_css_tailwind_login_wonka ------------------------------------------------------------------------------------------------------------- 🚀 ¿Quieres APRENDER A PROGRAMAR GRATIS de una forma FÁCIL, SENCILLA, e INTUITIVA? 🚀 ☕ MEGA CURSO COMPLETO PARA APRENDER JAVA DESDE 0 A NIVEL AVANZADO ☕ 🎯 https://www.youtube.com/watch?v=DT9owbacQL0&list=PLO8lO9oepSLuf4OlI8vXL9zg7UDvVBfuL&index=1 🎯 https://www.youtube.com/watch?v=ianRyf1uZgg&list=PLO8lO9oepSLtbDS6pZV3Wh4uyN4K9t4Po&index=1 ©️ CURSO DESDE CERO PARA PRINCIPIANTES EN LENGUAJE C 🎯 https://www.youtube.com/watch?v=sy1AuLyHc5Q&list=PLO8lO9oepSLvAvnxCn_uCsFVCAYCDsGTK ⚛️ CURSO DE REACT 2024 DESDE CERO HASTA MAESTRO ⚛️ 🎯https://www.youtube.com/watch?v=ZWHJSS4ZtIk&list=PLO8lO9oepSLv0zh2j644zWefsxEGR8zdC ------------------------------------------------------------------------------------------------------------- ¿Qué necesitas para PROGRAMAR DESDE CASA? 📌 https://www.youtube.com/watch?v=ianRyf1uZgg 📌 https://www.youtube.com/watch?v=cJ6wdhS3lFM 📌 https://www.youtube.com/watch?v=Hdf7bLC_uqs ------------------------------------------------------------------------------------------------------------- 🔔 ¡Activa las notificaciones para no perderte ni un solo vídeo! 🔔 ✅ ¡Gracias por ver el vídeo, dejar un like y subscribirte al canal! ✅ 👨‍💻 ¡Nos vemos la próxima! ¿Dónde? ¡Aquí, en Picando Código! 👨‍💻