Lesson 04 · Shipping
Shipping Capstone — Ship a Real Web App
Ship the Study Planner end to end: pure logic first, node:test on it, a browser UI over it, localStorage persistence, git history at every step, and a real deployment with a verification pass.
Prerequisites: Testing: Proving Your Code Works · Building & Deploying to the Web
Learning objectives
By the end of this lesson, you will be able to:
- Build a small web app as layers: pure logic, tests, UI, persistence
- Write node:test tests that pin the app's behavior before it has a UI
- Drive the DOM from state with the event and rendering patterns from the DOM module
- Persist state to localStorage with a safe JSON round-trip
- Keep an honest git history with a commit per working step
- Deploy the app to a public URL and verify it like a skeptic