Skip to article frontmatter Skip to article content

Site not loading correctly?

This may be due to an incorrect BASE_URL configuration. See the MyST Documentation for reference.

UE22: Web frontend

UE22 - web frontend

Intro

HTML & CSS basics

Layout with CSS

Intro to JS

Practising JS

coding tips blinking + develtools a dynamic grid a spinning wheel tic-tac-toe + minesweeper a calculator xkcd + chatbot + pixels-war a snake Pythagore and Fibonacci miscell on codepen worth reading

Optional content

Handouts Aurélien

practice : a calculator

January 15, 2026

calculator:

we give you the html and css, you have to write the JS:
see on github here: https://github.com/ue22-p25/frontend-calculator

here’s what it should look like

import * as tools from "../js/tools.js"; await tools.init()

Stack trace:
TypeError: Module not found "file:///__w/frontend/frontend/js/tools.js".
    at async <anonymous>:1:36

await tools.sample_from_stem("../samples/46-calculator", {sources_show: false})

tic-tac-toe + minesweeper

xkcd + chatbot + pixels-war