CS50x en Español - Clase 8 - HTML, CSS, JavaScript
Recorre cómo funciona internet (TCP/IP, DNS, HTTP) y presenta HTML, CSS, Bootstrap y JavaScript con ejemplos, dentro del curso CS50x doblado al español.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-05 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Programación en YouTube (2 h 22 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 5 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que siguen CS50x en español y quieren la clase dedicada a la web: cómo funciona internet y una primera toma de contacto con HTML, CSS y JavaScript.
- Duración
- 2 h 22 min · 16 capítulos
- Precio
- Gratis en YouTube
- Publicado
- 2026
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 5 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Clase bien estructurada que conecta cómo funciona internet con los fundamentos del front-end. Es ideal para quien sigue CS50x o quiere una visión general antes de profundizar; para dominar HTML, CSS o JavaScript hará falta un curso específico.
Puntos fuertes
- Capítulos claros con tiempos que permiten saltar a cada tema.
- Progresión lógica: de cómo funciona la red a HTML, CSS y JavaScript.
- Publicación reciente y de una serie conocida, doblada al español.
A tener en cuenta
- Es una clase única de unas 2 h 20 min: HTML, CSS y JavaScript se ven solo de forma introductoria.
- Es un doblaje del inglés, de modo que puede haber matices de traducción.
- La descripción no menciona ejercicios ni material complementario.
De qué trata
Clase 8 de CS50x doblada al español, de unas 2 h 20 min y dividida en 16 capítulos. Empieza con los fundamentos de internet: TCP/IP, puertos, DNS, DHCP, HTTP y códigos de estado, y muestra cómo inspeccionar una página en el navegador.
Después recorre HTML en un bloque extenso, continúa con expresiones regulares, CSS y Bootstrap, y termina con JavaScript mediante ejemplos como Background, Blink y Autocompletado.
- Redes: TCP/IP, puertos, DNS, DHCP y HTTP
- Códigos de estado e inspección en el navegador
- HTML y expresiones regulares
- CSS y Bootstrap
- Introducción a JavaScript con ejemplos
Para quién es este curso
- Personas que siguen CS50x en español y quieren la clase dedicada a la web: cómo funciona internet y una primera toma de contacto con HTML, CSS y JavaScript.
- Principiantes con nociones básicas de programación que quieren entender cómo se comunican navegador y servidor antes de construir páginas.
- Quien busca una introducción conceptual y rápida al front-end, con protocolos de red incluidos.
Mejor busca otro si…
- Quien ya domina HTML, CSS y JavaScript y busca profundidad: aquí cada tema se trata a nivel introductorio.
- Quien busque un curso de desarrollo web completo con proyecto guiado: es una sola clase dentro de un curso mayor.
Antes de empezar
- La descripción no indica requisitos; al ser la clase 8 de CS50x, conviene haber seguido las clases anteriores, aunque no es un requisito declarado.
Qué sabrás hacer al terminar
- Entender cómo funcionan TCP/IP, puertos, DNS, DHCP y HTTP.
- Interpretar los códigos de estado HTTP y usar las herramientas de inspección del navegador.
- Reconocer la estructura de una página HTML y el uso de expresiones regulares.
- Aplicar estilos con CSS y conocer Bootstrap.
- Entender los primeros pasos de JavaScript para hacer páginas dinámicas.
Estructura del curso
- 01
Redes e internet: TCP/IP, puertos, DNS y DHCP
Desde 0:00. Introducción y fundamentos de red: TCP/IP (0:43), puertos (11:30), DNS (16:37) y DHCP (20:22).
- 02
HTTP, códigos de estado e inspección
Desde 21:52. Protocolo HTTP, códigos de estado (30:25) y uso de la herramienta Inspeccionar del navegador (35:30).
- 03
HTML y expresiones regulares
Desde 42:20. Bloque largo dedicado a HTML, seguido desde 1:22:20 de expresiones regulares.
- 04
CSS y Bootstrap
Desde 1:29:34. Estilos con CSS y, desde 1:43:46, uso de Bootstrap.
- 05
JavaScript
Desde 1:51:03. Introducción a JavaScript, con ejemplos como Background (2:08:40), Blink (2:11:40) y Autocompletado (2:14:18).
Capítulos del vídeo
- 0:00Introducción
- 0:43TCP/IP
- 11:30Puertos
- 16:37DNS
- 20:22DHCP
- 21:52HTTP
- 30:25Códigos de Estado
- 35:30Inspeccionar
- 42:20HTML
- 1:22:20Expresiones Regulares
- 1:29:34CSS
- 1:43:46Bootstrap
Ver los 4 restantes
- 1:51:03JavaScript
- 2:08:40Background
- 2:11:40Blink
- 2:14:18Autocompletado
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Sesión 1: redes e HTTP (0:00–42:20); repasa TCP/IP, DNS y códigos de estado y practica con Inspeccionar en tu navegador.
- 2.Sesión 2: HTML (42:20–1:29:34); escribe una página propia mientras avanzas y prueba las expresiones regulares.
- 3.Sesión 3: CSS y Bootstrap (1:29:34–1:51:03); aplica estilos a tu página.
- 4.Sesión 4: JavaScript (1:51:03–final); reproduce los ejemplos de Background, Blink y Autocompletado.
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
- Ten un editor de texto y un navegador abiertos para replicar el código del bloque de HTML (desde 42:20), que es el más largo.
- Usa Inspeccionar (35:30) sobre páginas reales para relacionarlo con lo visto de HTTP.
- Después de CSS, cambia estilos de tu propia página con Bootstrap para comparar ambos enfoques.
- Repite los ejemplos finales de JavaScript modificándolos tú mismo.
Antes y después de este curso
- Después de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroProfundiza en HTML, CSS y Bootstrap desde cero, tras la introducción de esta clase.
- Después de este cursoAprende JavaScript - Curso Completo Desde CeroAmplía JavaScript, que aquí solo se introduce en el último bloque.
- Antes de este cursoCS50x en Español - Clase 2 - ArreglosOtra clase de CS50x en español, útil si sigues la serie en orden.
Cómo lo presenta el autor
Dubbed from English with thanks to lingopal.ai.
From the team that brought you CS50 at Harvard, Yale, and Oxford, this is the Fifty Foundation, led by David J. Malan et al. Theatrical courses in computer science and math. For free, for all. 🎭
edX: Harvard Extension School: Harvard Summer School: OpenCourseWare:
Bluesky: Discord: Ed: Facebook Group: Faceboook Page: GitHub: Gitter: Instagram:…
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Cuánto dura y cómo se organiza?
Dura unos 142 minutos y tiene 16 capítulos: redes e HTTP, HTML, expresiones regulares, CSS, Bootstrap y JavaScript.
+¿Necesito haber visto las clases anteriores?
La descripción no lo exige. Al ser la clase 8 de CS50x, seguir la serie en orden puede ayudarte, pero los datos no indican requisitos concretos.
+¿Enseña JavaScript a fondo?
No. JavaScript ocupa el último tramo, desde 1:51:03, con ejemplos como Background, Blink y Autocompletado. Es una introducción.
+¿Está en español original?
Es un doblaje del inglés, según la descripción, del curso CS50 de la Fifty Foundation dirigido por David J. Malan.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de su autor; 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.