Summary
Full Transcript
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
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
