Summary
Keywords
Full Transcript
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. ✏️ Curso creado por: Estefania Cassingena Navone Canal de YouTube de Estefania: https://www.youtube.com/codingwithestefania Twitter: https://twitter.com/EstefaniaCassN 📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2lqBYPs&t=4s ⭐️ Código ⭐️ Ejemplos de Bootstrap: https://github.com/estefaniacn/bootstrap-ejemplos-cursos Proyecto: https://github.com/estefaniacn/portafolio-adaptable-bootstrap ⭐️ Contenido del curso ⭐️ ⌨️ (00:00:00) Introducción ⌨️ (00:01:39) Nuestro proyecto ⌨️ (00:12:54) Descargar e instalar Visual Studio Code ⌨️ (00:19:13) Extensión Live Server ⌨️ (00:22:12) Herramientas de desarrollo de Chrome Introducción a Bootstrap ⌨️ (00:36:20) Introducción ⌨️ (00:43:31) Tres pilares de Bootstrap ⌨️ (00:45:02) La grid de Bootstrap ⌨️ (00:52:57) Breakpoints en Bootstrap ⌨️ (00:58:03) Estructura de la grid de Bootstrap ⌨️ (01:01:54) Contenedores en Bootstrap ⌨️ (01:03:40) Contenedores (ejemplo) ⌨️ (01:18:09) Estructura de la grid (filas y columnas) ⌨️ (01:30:30) La grid de Bootstrap con breakpoints ⌨️ (01:36:53) Componentes de Bootstrap ⌨️ (01:43:32) Componentes (ejemplo) ⌨️ (01:47:11) Íconos de Bootstrap ⌨️ (01:51:12) Íconos (ejemplo) ⌨️ (01:57:05) Flexbox Proyecto ⌨️ (02:10:13) Añadir Bootstrap al proyecto ⌨️ (02:18:30) Favicon y metadatos ⌨️ (02:28:27) Barra de navegación ⌨️ (02:42:08) Sección hero ⌨️ (03:05:48) Sección "Sobre mí" ⌨️ (03:15:19) Sección de experiencia ⌨️ (03:36:33) Sección de proyectos ⌨️ (04:02:54) Sección de artículos ⌨️ (04:13:10) Sección de testimonios ⌨️ (04:32:30) Sección de contacto ⌨️ (04:45:14) Footer y redes sociales ⌨️ (04:59:20) Enlaces internos Final ⌨️ (05:03:43) Felicitaciones 💻 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.
