Licence 3 MIASHS · semester 6 · JS, HTML, CSS
From a first HTML page to a server with logins
Nine practicals in order: structure, then style, then behaviour in the browser, then a server, then a database behind it.
Runs in the browser
These are static, so they are live on this site.
TP1 · HTML
Structure
Tags, links, images, tables and SVG. Also a CV and a calendar.
TP3 · CSS
Style
Selectors, flexbox, variables, hover states, responsive layout.
TP4 · CSS
Tables
One HTML document styled by two competing stylesheets.
TP6 · DOM
Behaviour
Selection, events and forms. A calculator, a converter and a guessing game.
TP7 · App
A small app
A todo list built by creating and removing elements.
Needs a server
TP8 and TP9 are Node applications, so they cannot run on a static host. The source is here and both run locally with npm start.
TP8 · Node
A server from scratch
Pure Node HTTP: requests, responses, cookies and POST forms.
TP9 · Express
Express and SQLite
Middleware, a SQLite database, password hashing, sessions and authentication.
TP0 is the toolchain setup and TP5 is JavaScript exercises that write to the console, so neither has a page to show. There is no TP2 in this course.