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