Bootstrap 4 desde cero
por Juan Carlos Amaranto Gonzalez
Introduce Bootstrap 4.5 desde la instalación hasta el sistema de columnas y el diseño responsivo, y termina con la construcción de una landing page.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Juan Carlos Amaranto Gonzalez (1 h 27 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 ya saben HTML5 y CSS3 y quieren dar el salto a un framework para maquetar más rápido.
- Nivel
- Principiante
- Duración
- 1 h 27 min · 13 lecciones
- Precio
- Gratis en Udemy
- Autor
- Juan Carlos Amaranto Gonzalez
- Plan sugerido
- 1 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso introductorio, breve y práctico, que lleva de la instalación de Bootstrap 4 a una landing page responsiva. Es adecuado para quien ya conoce HTML y CSS; hay que tener en cuenta que usa la versión 4.5 de 2021.
Puntos fuertes
- Estructura clara: fundamentos teóricos primero y proyecto práctico después.
- Duración contenida (87 minutos), asumible en pocas sesiones.
- Cierra con un proyecto final aplicado.
A tener en cuenta
- Usa Bootstrap 4.5 (febrero 2021); hoy existen versiones más recientes.
- Es introductorio y cubre solo lo básico del framework.
- La descripción no menciona ejercicios ni material descargable.
- La descripción indica 12 lecciones y casi 1 h 40 min, mientras los datos muestran 13 lecciones y 87 minutos.
De qué trata
Curso introductorio de Bootstrap 4 (versión 4.5) de 87 minutos y 13 lecciones, organizado en tres bloques. Empieza con la definición del framework, la configuración del entorno y las formas de instalación.
Después recorre los elementos de Bootstrap de forma teórica y práctica, y termina construyendo una landing page adaptable a cualquier dispositivo, aplicando buenas prácticas de maquetación. Se pide conocimiento previo de HTML5 y CSS3.
- Instalación y configuración de Bootstrap 4
- Elementos del framework en teoría y práctica
- Sistema de columnas y diseño responsivo
- Proyecto final: landing page adaptable
Para quién es este curso
- Personas que ya saben HTML5 y CSS3 y quieren dar el salto a un framework para maquetar más rápido.
- Estudiantes que quieren aprender el sistema de columnas y el diseño responsivo con Bootstrap 4.
- Quien busca un curso corto y práctico que termine en una landing page como proyecto final.
Mejor busca otro si…
- Quien no conoce HTML y CSS, porque el curso los exige como requisito obligatorio.
- Quien necesite trabajar con versiones más recientes de Bootstrap, ya que el curso usa la 4.5 (febrero 2021).
Antes de empezar
- Conocimientos de HTML5 y CSS3, indicados como requisito obligatorio en la descripción.
Qué sabrás hacer al terminar
- Entender qué es Bootstrap 4 y cómo configurar el entorno e instalarlo.
- Aplicar los elementos de Bootstrap en la maquetación de páginas web.
- Trabajar diseños responsivos adaptables a distintos dispositivos.
- Usar el sistema de columnas de Bootstrap.
- Construir una landing page adaptable como proyecto final.
Estructura del curso
- 01
Introducción
Definición de Bootstrap, configuración del entorno de trabajo y formas de instalación del framework.
- 02
Conceptos importantes
Elementos de Bootstrap trabajados de forma teórica y práctica, como base para el proyecto.
- 03
Construyendo una Landing Page
Proyecto final: estructura y estilos de una landing page adaptable a todo dispositivo, siguiendo buenas prácticas.
- 04
Importante MEGA NOTICIA
Capítulo final que aparece en la lista de capítulos; los datos no detallan su contenido.
Capítulos del vídeo
- 01Introducción
- 02Conceptos Importantes
- 03Construyendo una Landing Page
- 04Importante MEGA NOTICIA
Plan de estudio sugerido
1 semana · unas 3 h por semana
- 1.Sesión 1: Introducción; instala Bootstrap y prueba una página sencilla.
- 2.Sesión 2: Conceptos importantes; practica cada elemento y el sistema de columnas.
- 3.Sesión 3: Construye la landing page siguiendo el vídeo y luego personalízala.
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
- Repasa HTML y CSS antes de empezar si hace tiempo que no los usas.
- Escribe el código a la vez que el instructor en lugar de solo mirarlo.
- Prueba tu landing page redimensionando la ventana para comprobar que es adaptable.
- Al terminar, cambia colores, textos y columnas de la landing para afianzar lo aprendido.
Antes y después de este curso
- AlternativaDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroCubre HTML, CSS y Bootstrap 4 desde cero, útil si aún necesitas las bases.
- Antes de este cursoCurso de HTML desde 0Aporta la base de HTML que este curso exige.
- Antes de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndRefuerza CSS, requisito del curso.
- Después de este cursoCurso de FlexBox desde 0Complementa el maquetado con Flexbox, base del sistema de columnas.
Cómo lo presenta Juan Carlos Amaranto Gonzalez
Empieza a trabajar tus mejores diseños en el framework mas popular del desarollo web.
Bienvenido al curso Introductorio de Bootstrap 4 (versión 4.5 - Febrero 2021) En este curso aprenderemos a trabajar de forma mas sencilla nuestros diseños de nuestras primeras paginas web en internet, te mostraré desde lo mas básico la funcionalidad de cada elemento a utilizar en Bootstrap , teniendo en cuenta…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Qué necesito saber antes de empezar?
La descripción indica como requisito obligatorio tener conocimientos de HTML5 y CSS3.
+¿Cuánto dura?
Son 87 minutos en 13 lecciones según los datos; con pausas y práctica, unas 3 horas en una semana.
+¿Qué proyecto se construye?
Una landing page adaptable a todo dispositivo, con su estructura y estilos, en la última sección.
+¿Qué versión de Bootstrap usa?
La 4.5, de febrero de 2021, 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 Juan Carlos Amaranto Gonzalez; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
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.
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.
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.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.