Aprende Bootstrap 5 - Curso de Bootstrap desde Cero

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

⭐️ Código ⭐️

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

[codingwithestefania]

⭐ ¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo. 🙂

[Miller-tv]

Tanto amor que pone la PROFE Estefania para enseñar.

[freecodecampes]

⭐ ¡Hola a todos! Esperamos que les guste el nuevo curso de Bootstrap. En la descripción pueden encontrar un enlace al código de los ejemplos y del proyecto en GitHub y las marcas de tiempo con los temas del curso. Los invitamos a compartir sus comentarios. 👍 ¿Listos para aprender Bootstrap?

[JorgeLuisLLuna]

Hola, gracias por la disponibilidad del curso, he aprendido lo mostrado. Tienes un gran talento para transmitir conocimiento, gracias por compartir. Y seguiré aprendiendo a mis 68 años...

[davidvillafuertemd]

Excelente curso, lo recomiendo a cualquier persona que quiera aprender bootstrap. Me gustó mucho que tiene una parte teórica y una parte completamente práctica. De hecho, me ayudó a crear 2 proyectos. Muchas gracias a Estefania por tomarse el tiempo de hacer un excelente curso.

[oscarfernandogonzalezramir]

me encanta la forma en la que explicas y como configuras el video para que sea mas fácil de estudiar, no tengo dudas de que este canal tendrá un brillante futuro

Olá a todos!
Falo português do Brasil, e foi um prazer e um desafio fazer o curso em um outro idioma.
Didática simples e direta. Adorei!
Sucesso e bons cursos ;) 🤗

[rubiworks]

Muchísimas gracias tras varios días al fin puedo decir que HE TERMINADO tu masterclass de 5 horas. Ha sido de locos, al principio reconozco que se me hacía algo lento la teoría pero luego en la práctica decía... ¡Pero que no vaya tan rápido que no da tiempo a copiar y hacerlo en Visual Studio!! XD He aprendido un montonazo de algo que no sabía de Bootstrap y ya siento que me empiezan a sonar más las cosas. Como crítica constructiva daría más tiempo para recrear las cosas o al menos informar de antes que se va a hacer, pues si no da la sensación de que se esta copiando apuntes como en el colegio y sin saber muy bien el fin o hacia donde vamos. Dicho lo cual, muchísimas gracias por este contenido gratuito de valor. En cuanto me deje Paypal os hago una donación. Muy amable Estefanía y reconozco que estos días te he escuchado demasiado jajaja Ahora a practicar y ver fallitos como cierres sin hacer bien, alguna cajita que no se comporta como esta pero lo dicho. No sabes lo guay que uno se siente al decir ¡¡Qué he acabado un cursazo de 5 horas!! Gracias y que vaya bien todo!!

[jonathandajome]

Cada vez que Estefania nos felicita, siento que puedo dar mucho más 🤩

[faustipez]

Finalmente, pude comprender como utilizar bootstrap correctamente y extender sus clases. ¡La explicación es espectacular! Muchas gracias por compartir tu valioso conocimiento, espero sigas subiendo más contenido 🙏🏻❤

[reginaromo]

Vi el curso de 4 horas de phyton y quedé enamorado de ti. Saludes desde pereira Colombia

[AndresGonzalez-ppiw]

Mi termo de café preparado ☕ y cada vez que la profe Estefanía dice genial tomo un poco. Gracias por este nuevo curso.

[haroldnoamuguercia]

Hola buenas noches. Quería expresarle mi agradecimiento por estos tutoriales, en extremo orientadores y muy docentes. Soy médico de profesión, y un neófito en este mundo de la programación, ya voy para dos años, incursionando en HTML, CSS, Java Script, C# y ahora BootStrap. Desde mi humilde punto de vista es usted de las personas que más llega con sus explicaciones; solo me resta felicitarle y agradecer a Dios por su dedicación y empeño en compartir su conocimiento. Saludos desde Cuba.

Me gustaría comentar algunas clases de bootstrap en vez de usarse en css puro. en 2:40:30 cuando está la clase navbar-brand que se usa el display-none en la media query. Yo por lo menos para usar más bootstrap, lo que hice fue en el html donde está esa clase puse d-none d-md-block.

[jorge]

Su pedagogía es increíble, imposible no aprender con usted, muchas gracias. Saludos

[OscarJimenezManzanilla]

Excelente curso de Bootstrap, muy clara la explicación y como vas detallando las secciones paso a paso. Mil gracias por este curso de gran utilidad, eres una gran maestra!!

[seanmeissimilly]

Muy buen curso, explicas muy bien, saludos desde Cuba

[joqsalvador]

me visto las 2h10 primeras y tengo una idea muy muy clara de que va bootstrap. Enhorabuena por la claridad en las explicaciones y la forma de enseñar

[javieririarte]

Muchas gracias por el curso, me sirvió mucho! Voy a continuar con los otros cursos del canal, un saludo!

[sebastianvergarapineda]

ESPECTACULAR curso, Dios te bendiga, muchísimas gracias!