Crea una página web MODERNA con HTML CSS y JS
por Jordan Alexander
Construye desde cero una página web moderna con HTML, CSS y JavaScript: diseño responsive, degradados, menú hamburguesa, animaciones al hacer scroll y preloader.
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 Jordan Alexander (2 h 31 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 desarrollo frontend y quieren un proyecto completo con HTML, CSS y JavaScript.
- Nivel
- Principiante
- Duración
- 2 h 31 min · 8 lecciones
- Precio
- Gratis en Udemy
- Autor
- Jordan Alexander
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Un curso práctico y compacto para aprender haciendo: se construye una web moderna con HTML, CSS y JS. Resulta útil para principiantes que quieren un proyecto para su portfolio, aunque la información publicada sobre el temario es limitada.
Puntos fuertes
- Proyecto práctico que combina las tres tecnologías base del frontend.
- Incluye elementos habituales de la web actual: responsive, menú hamburguesa, animaciones y preloader.
- Duración manejable (unas 2,5 horas) para terminar un proyecto entero.
A tener en cuenta
- Solo se indican dos capítulos, por lo que el detalle del temario es limitado.
- No consta el año de publicación; conviene comprobar que las técnicas siguen vigentes.
- La descripción no menciona ejercicios ni material descargable.
De qué trata
Curso de Udemy de unas 2 horas y media, repartido en 8 lecciones, que guía la creación de una página web completa con las tres tecnologías base del frontend: HTML, CSS y JavaScript.
El sitio resultante es adaptable a dispositivos móviles (responsive), usa degradados e incluye un menú tipo hamburguesa, animaciones al hacer scroll y un preloader. Los capítulos indicados son una introducción y el inicio de la construcción de la página.
- Diseño adaptable a móviles (responsive)
- Uso de degradados en CSS
- Menú tipo hamburguesa
- Animaciones al hacer scroll
- Preloader para la página
Para quién es este curso
- Personas que empiezan en desarrollo frontend y quieren un proyecto completo con HTML, CSS y JavaScript.
- Quien aprende mejor construyendo una web real paso a paso que estudiando teoría suelta.
- Estudiantes que quieren practicar diseño adaptable, menú hamburguesa y animaciones al hacer scroll.
Mejor busca otro si…
- Quien ya domina HTML, CSS y JavaScript y busca frameworks o temas avanzados.
- Quien necesite una explicación teórica profunda de cada lenguaje por separado.
Antes de empezar
- La descripción indica que la página se crea desde cero; no se declaran conocimientos previos.
Qué sabrás hacer al terminar
- Crear una página web completa con HTML, CSS y JavaScript.
- Aplicar diseño adaptable (responsive) para dispositivos móviles.
- Usar degradados en los estilos de la página.
- Construir un menú de tipo hamburguesa.
- Añadir animaciones al hacer scroll y un preloader.
Estructura del curso
- 01
Introducción
Presentación del curso y del sitio web que se va a construir, con sus características principales.
- 02
Empezando la página web
Construcción del sitio con HTML, CSS y JS: diseño responsive, degradados, menú hamburguesa, animaciones al hacer scroll y preloader, según la descripción. Los datos solo indican dos capítulos, sin tiempos.
Capítulos del vídeo
- 01Introducción
- 02Empezando a pagina web
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Sesión 1: ve la introducción y empieza la página, replicando la estructura HTML y los estilos base.
- 2.Sesión 2: avanza con el CSS (degradados y diseño responsive) y prueba la página en distintos tamaños de pantalla.
- 3.Sesión 3: añade el menú hamburguesa y el preloader con JavaScript.
- 4.Sesión 4: implementa las animaciones al hacer scroll, repasa todo el código y personaliza el contenido.
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 copiarlo, y pausa tras cada bloque para comprobar el resultado en el navegador.
- Usa las herramientas de desarrollo del navegador en modo móvil para verificar el diseño responsive.
- Al terminar, cambia textos, colores e imágenes para crear tu propia versión del sitio.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Refuerza las bases de HTML antes de construir el proyecto.
- Antes de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS, útil para el diseño y los degradados.
- Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Permite profundizar en JavaScript tras el proyecto.
Cómo lo presenta Jordan Alexander
Aprende a crear una página web desde 0 la página web está hecha con HTML, CSS y JS [Javascript] | Crea sitios web
En este curso aprenderás las técnicas modernas para crear páginas web con las tres fundamentales tecnologías en Frontend, lo que es HTML, CSS Y JS. Las caracteristicas del sitio web son: - Adapatable a dispositivos moviles (Responsive Design) - Uso de degradados - Menu tipo…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar antes?
La descripción dice que se crea la página desde cero y no menciona requisitos previos.
+¿Cuánto dura?
Unos 151 minutos (unas 2,5 horas) en 8 lecciones. Con pausas para practicar, calcula unas 4-5 horas en total.
+¿Qué sitio web se construye?
Una página adaptable a móviles con degradados, menú hamburguesa, animaciones al hacer scroll y preloader, según la descripción.
+¿Y después de este curso?
Puedes reforzar JavaScript con un curso completo del lenguaje o profundizar en CSS para mejorar tus diseños.
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 Jordan Alexander; 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.