Ficha 005.129UdemyGRATIS

Como crear una página web moderna con Bootstrap 4

Name: Como crear una página web moderna con Bootstrap 4
Author: Diego Velazquez

por Diego Velazquez

Tutorial práctico para construir desde cero una página web responsiva con Bootstrap 4, usando además Ionic Icons y Google Fonts para mejorar su aspecto.

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 Diego Velazquez (1 h 18 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 diseño web y quieren un primer proyecto completo con Bootstrap 4.
Nivel: Principiante
Duración: 1 h 18 min · 6 lecciones
Precio: Gratis en Udemy
Autor: Diego Velazquez
Plan sugerido: 1 sem. · 3 h/sem.
Verificado: el 1 de octubre de 2026

Nuestro veredicto

Recomendado

Tutorial corto y práctico para quien quiere ver cómo se monta una web responsiva con Bootstrap 4. Es útil como primer proyecto, aunque se limita a una versión antigua del framework y ofrece poco detalle publicado.

Puntos fuertes

Duración breve y enfoque práctico centrado en un único proyecto.
Parte de cero, pensado para empezar sin experiencia previa según su descripción.
Combina Bootstrap con iconos y fuentes externas, algo habitual en proyectos reales.

A tener en cuenta

Bootstrap 4 es una versión antigua frente a las actuales; algunas prácticas pueden haber cambiado.
La información publicada es limitada: no hay desglose de lecciones ni año de publicación.
No se mencionan ejercicios ni material descargable.

De qué trata

Curso de Udemy de unos 78 minutos repartidos en 6 lecciones, en el que se construye una página web moderna y responsiva desde cero con Bootstrap 4, el framework de CSS que permite maquetar sitios con rapidez.

Además de Bootstrap, se emplean un CDN de Ionic Icons y Google Fonts para mejorar la apariencia del resultado. El enfoque es práctico: se trabaja con HTML y CSS siguiendo la creación de una única página, descrita como un tutorial sencillo. Los datos publicados solo indican un capítulo general, sin desglose por temas.

Crear una página web responsiva desde cero
Maquetar con el framework Bootstrap 4
Añadir iconos con el CDN de Ionic Icons
Mejorar la tipografía con Google Fonts
Diseño web con HTML y CSS

Para quién es este curso

Personas que empiezan en diseño web y quieren un primer proyecto completo con Bootstrap 4.
Quien conoce algo de HTML y CSS y desea ver cómo un framework acelera la maquetación responsiva.

Mejor busca otro si…

Quien busque aprender la versión actual de Bootstrap, ya que el curso se centra en Bootstrap 4.
Quien necesite una formación amplia de desarrollo web: es un tutorial corto de un solo proyecto.

Antes de empezar

El curso se presenta como un tutorial para crear la página desde 0; no se indican requisitos previos.

Qué sabrás hacer al terminar

Crear una página web responsiva usando Bootstrap 4.
Incorporar iconos mediante el CDN de Ionic Icons.
Aplicar fuentes de Google Fonts a una página.
Entender cómo un framework de CSS agiliza el diseño de páginas web.

Estructura del curso

01
Creación de una página web con Bootstrap 4
Único capítulo indicado en los datos: construcción de la página completa a lo largo de 6 lecciones (unos 78 minutos), con Bootstrap 4, Ionic Icons y Google Fonts.

Capítulos del vídeo

01Creación de una página web con Bootstrap 4

Plan de estudio sugerido

1 semana · unas 3 h por semana

1.Sesión 1: lecciones 1 a 3; sigue la construcción de la página en tu editor y pausa para replicar cada paso.
2.Sesión 2: lecciones 4 a 6; completa la página, revisa iconos y fuentes.
3.Sesión 3: repite la página con tu propio contenido y cambia estilos para afianzar Bootstrap.

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

Escribe el código a la vez que el vídeo en lugar de solo verlo, y prueba la página en distintos anchos de pantalla para comprobar que es responsiva.
Ten a mano la documentación de Bootstrap 4 para consultar las clases que se usen.
Al terminar, cambia los iconos y las fuentes por otros para practicar los CDN.

Antes y después de este curso

Después de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroCurso desde cero de HTML, CSS y Bootstrap 4 para ampliar lo visto en este tutorial.
Antes de este cursoCurso de HTML desde 0Refuerza las bases de HTML antes de maquetar con un framework.
Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS para entender lo que Bootstrap resuelve por ti.

Cómo lo presenta Diego Velazquez

Aprende a crear una atractiva página web, 100% responsiva.
En este sencillo tutorial aprenderás a crear una increíble página web desde 0 utilizando Bootrstrap 4, es un Framework de CSS que nos permite crear páginas web rápidamente y que sean 100% responsivas. También utilizaremos un CDN de Ionic Icons y Google Fonts para mejorar la apariencia de nuestra página.
Lo que aprenderás: - Crear…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

+¿Cuánto dura el curso?

Unos 78 minutos repartidos en 6 lecciones. Con pausas para practicar, cuenta con unas 2 a 3 horas.

+¿Necesito saber programar antes?

La descripción dice que la página se crea desde 0 y no indica requisitos. Aun así, conocer lo básico de HTML y CSS ayudará a seguirlo.

+¿Qué se construye?

Una página web responsiva con Bootstrap 4, con iconos de Ionic Icons y fuentes de Google Fonts.

+¿Está actualizado?

Usa Bootstrap 4, una versión anterior a las actuales, y no consta el año de publicación; conviene tenerlo en cuenta.

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 Diego Velazquez; 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