Marc Semper Lloret
← Docencia

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.

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.

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.

UD4

El DOM: la web que responde

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

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.

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.

Registro oficial

Guía docente y evaluación.

El temario, los criterios de evaluación y las fechas son los que publica el centro. Esta página solo aloja material de apoyo.

marc.semper@ua.es