Aprende Bootstrap 5 - Curso de Bootstrap desde Cero

Опубликовано: 10 Ноябрь 2022
на канале: freeCodeCamp Español
329,865
10k

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:    / codingwithestefania  
Twitter:   / estefaniacassn  

📌 Curso de HTML y CSS:    • Aprende HTML y CSS - Curso Desde Cero  

⭐️ Código ⭐️
Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...

⭐️ 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/...

🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...


Смотрите видео Aprende Bootstrap 5 - Curso de Bootstrap desde Cero онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь freeCodeCamp Español 10 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 329,86 раз и оно понравилось 10 тысяч людям.