Ficha 005.311UdemyGRATIS

La biblia perdida de Bootstrap 4

Name: La biblia perdida de Bootstrap 4
Author: Erick Mines

por Erick Mines

Enseña Bootstrap 4 desde cero: grid, colores, espaciados, Flexbox, utilidades y componentes, y termina con un proyecto web completo.

Recomendado, valoración editorial 4 de 5

verificado 2026-10-01 — sigue siendo gratis en Udemy

Empezar en Udemy

Respuesta rápida

Curso gratis de Programación de nivel principiante en Udemy impartido por Erick Mines (9 h 28 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.

Veredicto: 4/5 · Recomendado
Para quién: Personas que empiezan en maquetación web y quieren aprender Bootstrap 4 desde cero con un proyecto final.
Nivel: Principiante
Duración: 9 h 28 min · 80 lecciones
Precio: Gratis en Udemy
Autor: Erick Mines
Plan sugerido: 3 sem. · 6 h/sem.
Verificado: el 1 de octubre de 2026

Nuestro veredicto

Recomendado

Curso extenso y bien ordenado para aprender Bootstrap 4 desde cero, con proyecto final y comparación con HTML y CSS puros. Su mayor limitación es la versión: se actualizó en 2018. Es útil para quien trabaje con Bootstrap 4, menos para aprender el framework actual.

Puntos fuertes

Estructura clara, de los fundamentos a los componentes y un proyecto final.
Duración amplia (unas 9,5 horas en 80 lecciones) para un solo framework.
Compara el diseño con HTML y CSS puros antes de usar Bootstrap, lo que ayuda a entender qué aporta.

A tener en cuenta

Bootstrap 4 está desfasado: la última actualización indicada es de julio de 2018 y han salido versiones posteriores.
No se mencionan ejercicios más allá del proyecto final.
Los capítulos listados no reflejan por separado la parte de HTML5 y CSS3 que menciona la descripción.

De qué trata

Curso de Udemy de unas 9,5 horas y 80 lecciones que enseña Bootstrap 4 desde cero. Empieza con los conceptos clave, la filosofía Mobile First y la instalación.

Después recorre el sistema de columnas, los colores y tipografías, los espaciados, Flexbox y las clases de utilidad, y repasa los componentes del framework. Termina con la creación de un proyecto web. Según la descripción, el diseño del sitio se hace primero con HTML5 y CSS3 sin Bootstrap para entender qué aporta el framework. Usa la versión estable de julio de 2018.

Sistema de columnas (grid) de Bootstrap 4
Colores, tipografías y espaciados
Flexbox y clases de utilidad
Componentes de Bootstrap 4
Proyecto web final

Para quién es este curso

Personas que empiezan en maquetación web y quieren aprender Bootstrap 4 desde cero con un proyecto final.
Quien mantiene o hereda sitios existentes construidos con Bootstrap 4 y necesita entender su grid, utilidades y componentes.
Estudiantes que quieren ver primero un diseño en HTML5 y CSS3 puros y luego compararlo con la versión en Bootstrap.

Mejor busca otro si…

Quien busque aprender la versión actual de Bootstrap: el curso usa Bootstrap 4, con actualización de julio de 2018.
Personas que ya dominan grid, flexbox y utilidades de Bootstrap y solo quieren repasar.

Antes de empezar

La descripción indica que el curso enseña desde 0, así que no exige conocimientos previos.

Qué sabrás hacer al terminar

Entender los conceptos clave de Bootstrap 4 y la filosofía Mobile First.
Maquetar un sitio web con el sistema de columnas (grid) de Bootstrap 4.
Aplicar colores, tipografías, espaciados, flexbox y clases de utilidad.
Usar los componentes de Bootstrap 4 en un proyecto web propio.
Construir un proyecto web completo aplicando lo aprendido.

Estructura del curso

01
Introducción e instalación
Presenta Bootstrap 4, sus conceptos clave y la filosofía Mobile First, y explica cómo instalarlo en un proyecto.
02
Grid, colores y tipografías
Trabaja el sistema de columnas de Bootstrap y el manejo de colores y tipografías.
03
Espaciados, Flexbox y clases de utilidad
Cubre los espaciados, el uso de Flexbox con Bootstrap 4 y las clases de utilidad para ajustar el diseño.
04
Componentes de Bootstrap 4
Recorre los componentes que incluye el framework, como botones y menús responsive según la descripción.
05
Proyecto final
Se crea un proyecto web aplicando lo visto. La descripción indica que el diseño se hace antes en HTML5 y CSS3 sin Bootstrap para comparar.

Capítulos del vídeo

01Introducción a Bootstrap 4
02Instalacion de bt4
03Dominando Sistema de Columnas de Bootstrap (Grid)
04Los Colores y tipografías
05Los Espaciados
06Flexbox usando Bootstrap 4
07Clases Utilidades
08Los Componentes de Bootstrap 4
09Creando nuestro proyecto

Plan de estudio sugerido

3 semanas · unas 6 h por semana

1.Semana 1: introducción, instalación y sistema de columnas (grid). Reproduce cada ejemplo y prueba distintos tamaños de pantalla.
2.Semana 2: colores, tipografías, espaciados, Flexbox y clases de utilidad. Reescribe una maqueta sencilla usando solo utilidades.
3.Semana 3: componentes y proyecto final. Construye el proyecto a la vez y personalízalo con tus propios contenidos.

El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.

Consejos para seguirlo

Sigue la parte de HTML5 y CSS3 sin Bootstrap antes de pasar al framework: te servirá para ver qué simplifica.
Practica el grid cambiando el ancho del navegador para entender el enfoque Mobile First.
Construye el proyecto final en paralelo y cambia el contenido y los estilos en lugar de copiarlo tal cual.
Si vas a usar Bootstrap en un proyecto nuevo, comprueba antes qué versión conviene, porque este curso es de la 4.

Antes y después de este curso

AlternativaDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroTambién enseña desarrollo web con HTML, CSS y Bootstrap 4 desde cero.
Después de este cursoCurso de FlexBox desde 0Permite profundizar en Flexbox, que aquí se ve aplicado con Bootstrap.
Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndRefuerza CSS de forma más amplia tras conocer el framework.

Cómo lo presenta Erick Mines

Los secretos de Bootstrap por fin te serán revelados. Acompáñame a descubrir el verdadero poder que esconde Bootstrap 4.
EN ESTE CURSO USAMOS LA ÚLTIMA VERSIÓN ESTABLE DE BOOTSTRAP 4 (ACTUALIZADO: 30 Julio del 2018!). ¿DE QUÉ SE TRATA EL CURSO? En este curso te enseñaremos desde 0, todos los secretos de Bootstrap 4. Conocerás las nuevas actualizaciones, las ventajas de este Framework y porque es…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

+¿Necesito saber programar antes?

La descripción indica que el curso enseña desde cero. Aun así, incluye una parte de HTML5 y CSS3 que ayuda a quien parte sin base.

+¿Cuánto dura?

Unas 9,5 horas repartidas en 80 lecciones. Con pausas y práctica, unas 3 semanas a 6 horas semanales es un ritmo razonable.

+¿Qué versión de Bootstrap usa?

Bootstrap 4, en la versión estable de la fecha de actualización indicada (30 de julio de 2018). No cubre versiones posteriores.

+¿Qué se construye al final?

Un proyecto web con los componentes más populares del framework, según la descripción.

Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Erick Mines; si ves algún error, avísanos.

Guías para sacarle partido

Ficha 005.006YouTubeGRATIS

Agentic AI – Complete Course for Beginners

Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.

Muy recomendadoverificado 2026-10-05

Ficha 005.036UdemyGRATIS

Aprende Accesibilidad Web paso a paso

Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.

Ficha 005.043YouTubeGRATIS

Aprende Godot - Curso completo desde cero

Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.