Lesson 033: Vanilla JS SPA Without a Build Step
A hash-routed single-page application built with vanilla JavaScript, ES modules, and dynamic import() can deliver a func...
frontend (7 lessons)
Lesson 037: Static Site Generation via Fetch Shim
A FastAPI + JavaScript SPA can be deployed to GitHub Pages without rewriting frontend code by using a fetch shim — a sma...
Lesson 049: Drag-and-Drop as the Simplest Viable Interaction
When the user's mental model is "put this thing in that slot," drag-and-drop is less code and more intuitive than altern...
Client-Side State Persistence with localStorage
localStorage can serve as a full persistence layer for client-side applications when the data is user-specific, the data...
Static Site as Application Platform
A full-featured application (quiz engine, progress persistence, scoring, results dashboards, 10 providers, 50+ exams) ca...
Fetch Shim Architecture
A static site can replicate a dynamic API by intercepting JavaScript fetch() calls and redirecting them to pre-built JSO...
Static Site Generation
A server-side web application can be deployed to a static hosting platform by pre-rendering every page and API response ...