Material docente

Lenguaje de marcas

El camino completo a lo largo de tres trimestres: HTML semántico y CSS moderno, después JavaScript y el DOM, y finalmente Node.js y una API con Express que el propio sitio consume.

2026/2027~108 horas

Recorrido

El curso, bloque a bloque.

Al terminar el módulo

Lo que serás capaz de hacer.

Escribir documentos HTML5 válidos, accesibles y con semántica estricta.
Maquetar interfaces web modernas y adaptables con Flexbox, CSS Grid y diseño responsive.
Programar con JavaScript: datos, decisiones, funciones, arrays de objetos, módulos y errores.
Construir una interfaz gobernada por una única fuente de verdad, con eventos, render y fetch.
Ejecutar JavaScript fuera del navegador con Node.js, trabajando con ficheros, npm y HTTP.
Diseñar e implementar una API REST con Express, separada en capas, probada y desplegada.

Sobre la asignatura

Módulo de tres trimestres articulado alrededor de un único sitio que crece con la clase. El primer trimestre lo escribe como documento: HTML semántico, formularios accesibles y después CSS moderno con Flexbox, Grid y diseño adaptable sin frameworks. El segundo lo hace comportarse: primero JavaScript como lenguaje, deliberadamente lejos de la página, para que un filtro que no filtra se diagnostique como un problema de lógica y no del botón; después el DOM, los eventos, el estado y fetch, con una regla que gobierna todo: los datos mandan y la página es su reflejo. El tercero cruza al otro lado: Node.js, npm, ficheros y un servidor HTTP escrito a mano antes de Express, para que cada pieza del framework responda a un problema ya sufrido; termina con una API REST diseñada, código por capas, contrato de errores, seguridad, pruebas y una aplicación desplegada. El andamiaje se retira de forma deliberada: la primera unidad explica cada paso y la última parte de una especificación.

HTML5 semántico y accesibilidad
CSS moderno, Flexbox y Grid
JavaScript: el lenguaje
DOM, eventos, estado y fetch
Node.js, npm y HTTP
APIs REST con Express, pruebas y despliegue

Material actualizado el 4 de septiembre de 2026.

Contenidos

Material por bloques.

TRIMESTRE 1 · EL DOCUMENTO

UD1

HTML: estructura y contenido de la Web

Crear documentos HTML modernos, organizados, semánticos y accesibles como base sólida antes de aplicar presentación.

UD1 · Guía y taller prácticoHTML: estructura y contenido de la WebHTML no describe cómo se ve una página, sino qué representa cada parte de su contenido. Durante seis sesiones de tres horas recorremos el lenguaje completo —texto, listas, enlaces, imágenes, semántica, tablas y formularios— construyendo un sitio multipágina real sin una sola línea de CSS.6 sesiones de 3 horas · 18 horas
Trabajo esperado Sitio web multipágina de cuatro páginas enlazadas, escrito solo con HTML semántico, validado en el W3C y revisado por otro alumno.

UD2

CSS: diseño, maquetación y responsive

Convertir el sitio HTML en una web adaptable y accesible, maquetada con Flexbox y Grid en lugar de con un framework.

UD2 · Guía y taller prácticoCSS: diseño, maquetación y responsiveEl mismo sitio de la UD1, ahora con presentación. CSS exige decidir de qué tipo es cada problema —tamaño, espacio o distribución— y saber diagnosticar qué regla está actuando cuando el resultado no es el esperado.6 sesiones de 3 horas · 18 horas
Trabajo esperado El sitio HTML de la UD1 convertido en una web completa: sistema visual con variables, layout con Flexbox y Grid, responsive sin plantillas y estados de foco visibles.

TRIMESTRE 2 · EL COMPORTAMIENTO EN EL NAVEGADOR

UD3

JavaScript: el lenguaje

Aprender el lenguaje lejos de la página: datos, decisiones, funciones, arrays de objetos, módulos y errores.

UD3 · Guía y taller prácticoJavaScript: el lenguajeLa tercera capa de la web empieza por el lenguaje. Antes de tocar la página aprendemos a razonar con datos, decisiones, funciones y estructuras, porque un botón que no funciona casi nunca es un problema del botón: es un problema de lógica que todavía no sabes leer.6 sesiones de 3 horas · 18 horas
Trabajo esperado Un módulo de catálogo escrito en JavaScript puro: datos en memoria, funciones de búsqueda, filtrado y ordenación, validación de entradas y errores controlados, comprobado desde la consola.

UD4

El DOM: la web que responde

Conectar las tres capas: render desde datos, eventos, una única fuente de verdad, formularios accesibles y fetch.

UD4 · Guía y taller prácticoEl DOM: la web que respondeConectamos las tres capas. El catálogo que en la UD3 vivía en la consola pasa a pintarse en la página, a filtrarse desde un formulario y a llegar desde un servidor. Con una regla que no se negocia: los datos mandan, y la página es solo su reflejo.6 sesiones de 3 horas · 18 horas
Trabajo esperado El sitio de las unidades anteriores convertido en una interfaz viva: catálogo pintado desde datos, búsqueda y filtros en tiempo real, formulario validado y accesible, preferencias guardadas y datos cargados desde una API con sus estados de carga, error y vacío.

TRIMESTRE 3 · JAVASCRIPT EN EL SERVIDOR

UD5

Node.js: JavaScript fuera del navegador

El mismo lenguaje sin navegador: npm, ficheros y un servidor HTTP escrito a mano antes de reescribirlo con Express.

UD5 · Guía y taller prácticoNode.js: JavaScript fuera del navegadorEl mismo lenguaje, sin navegador. Node ejecuta JavaScript en tu máquina, con acceso a ficheros y a la red, y con él construirás primero un servidor HTTP a mano —para entender qué hace de verdad— y solo después lo reescribirás con Express, sabiendo qué te ahorra.6 sesiones de 3 horas · 18 horas
Trabajo esperado Un proyecto Node completo: una herramienta de línea de comandos que gestiona el catálogo en un fichero JSON, un servidor HTTP escrito a mano que lo sirve, y ese mismo servidor reescrito con Express con sus rutas, sus estáticos, su registro de peticiones y su manejo central de errores.

UD6

Servidor web y API con Node

Una API REST diseñada: CRUD completo, código por capas, contrato de errores, seguridad, pruebas y despliegue.

UD6 · Guía y taller prácticoServidor web y API con NodeLa unidad que cierra el módulo. Las rutas sueltas de la UD5 se convierten en una API diseñada: recursos, contrato, CRUD completo, capas separadas y un cliente que consume su propia API de punta a punta, con la configuración y las pruebas necesarias para publicarla.6 sesiones de 3 horas · 18 horas
Trabajo esperado Una aplicación web completa: API REST con CRUD, validación y contrato de errores estable; capas separadas; la web de las unidades anteriores servida desde el mismo origen y consumiendo su propia API; configuración por entorno, seguridad mínima, pruebas automáticas, documentación y despliegue.