En este curso aprenderás Tailwind CSS paso a paso y crearás 3 proyectos paso a paso. Tailwind es un framework CSS con clases predefinidas que puedes combinar y personalizar para crear sitios web modernos y adaptables muy rápidamente.
Con Tailwind CSS, puedes asignar clases CSS a tus elementos HTML directamente en el archivo HTML y ver cómo los estilos predefinidos se aplican inmediatamente.
Nota: el último proyecto del curso fue creado con CSS y fue incluido como un proyecto adicional para ayudarte a practicar tus habilidades.
✍️ Curso creado por: David Ruiz
- YouTube: @CodingTube
- Twitter: https://twitter.com/CodingTube
- Sitio web: https://www.codingtube.dev/
- GitHub: https://github.com/Davichobits
- LinkedIn: https://www.linkedin.com/in/davidirc/
⭐ Contenido ⭐
⌨️ (00:00:00) Introducción
⌨️ (00:04:17) Instalación
⌨️ (00:18:42) Colores
⌨️ (00:35:37) Medidas
⌨️ (00:43:42) Estados
⌨️ (00:51:56) Pseudoclases
⌨️ (01:00:17) Diseño responsivo
⌨️ (01:12:55) Flexbox
⌨️ (01:19:50) Grid
⌨️ (01:25:09) Dark Mode
⌨️ (01:29:16) Proyecto 1 - Panel de Notificaciones
⌨️ (03:14:50) Proyecto 2 - Dashboard
⌨️ (07:01:04) Proyecto 3 - Landing Page
🔧 Proyectos en Frontend Mentor:
- Proyecto 1: https://www.frontendmentor.io/challenges/notifications-page-DqK5QAmKbC
- Proyecto 2: https://www.frontendmentor.io/challenges/social-media-dashboard-with-theme-switcher-6oY8ozp_H
- Proyecto 3: https://www.frontendmentor.io/challenges/intro-section-with-dropdown-navigation-ryaPetHE5
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/news/
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampespanol?sub_confirmation=1