Marc Semper Lloret
← Teaching

Course material

Lenguaje de marcas

The whole front-to-back path over three terms: semantic HTML and modern CSS, then JavaScript and the DOM, and finally Node.js and an Express API the site consumes as its own.

2026/2027~108 hours

Route

The course, block by block.

By the end of the module

What you will be able to do.

  • Write valid, accessible and semantic HTML5 documents.
  • Design modern, responsive user interfaces using Flexbox, CSS Grid and design tokens.
  • Program with JavaScript: data, decisions, functions, arrays of objects, modules and error handling.
  • Build an interface driven by a single source of truth, with events, rendering and fetch.
  • Run JavaScript outside the browser with Node.js, working with files, npm and HTTP.
  • Design and implement a REST API with Express, layered code, tests and a deployment.
About the course

A three-term, project-led module built around a single site that grows with the class. The first term writes it as a document —semantic HTML, accessible forms, then modern CSS with Flexbox, Grid and responsive layout without a framework. The second term makes it behave: JavaScript as a language first, deliberately away from the page, so that a filter that does not filter is diagnosed as logic rather than as a button; then the DOM, events, state and fetch, with one rule throughout — data is the truth and the page is its reflection. The third term crosses to the other side: Node.js, npm, files, and an HTTP server written by hand before Express, so that every piece of the framework answers a problem the student has already felt; it closes with a designed REST API, layered code, an error contract, security, tests and a deployed application. Scaffolding is withdrawn on purpose: the first unit explains every step, and the last one starts from a specification.

  • Semantic HTML5 and accessibility
  • Modern CSS, Flexbox and Grid
  • JavaScript: the language
  • DOM, events, state and fetch
  • Node.js, npm and HTTP
  • REST APIs with Express, testing and deployment

Material last updated on 4 September 2026.

Contents

Material by section.

This module is taught in Spanish and its material is published in Spanish. The section titles below are translated for reference.

TERM 1 · THE DOCUMENT
UD1

HTML: Structure and content of the Web

Write modern, organized, semantic and accessible HTML documents without CSS.

UD2

CSS: design, layout and responsive

Turn the HTML site into a responsive, accessible one, using Flexbox and Grid rather than a framework.

TERM 2 · BEHAVIOUR IN THE BROWSER
UD3

JavaScript: the language

Learn the language away from the page: data, decisions, functions, arrays of objects, modules and errors.

UD4

The DOM: the web that responds

Connect the three layers: rendering from data, events, a single source of truth, accessible forms and fetch.

TERM 3 · JAVASCRIPT ON THE SERVER
UD5

Node.js: JavaScript outside the browser

The same language without a browser: npm, files, and an HTTP server written by hand before rewriting it with Express.

UD6

Web server and API with Node

A designed REST API: full CRUD, layered code, an error contract, security, tests and a deployed application.

Official record

Course guide and assessment.

Syllabus, assessment criteria and deadlines are those published by the teaching centre. This page only hosts supporting material.

marc.semper@ua.es