The Web Archipelago
Every week of the course is an island. Sail from one to the next, explore the concepts, run the code right in your browser, and level up your web programming skills.
Clear Breakdowns
Each island explains one topic properly โ short summaries, real explanations, no wall-of-slides.
Runnable Examples
Press Run on any example and watch the console output live. No setup needed.
Quick Revision
Comparison tables, key takeaways and self-check quizzes to review before labs and exams.
Weekly Islands
New islands are charted as the semester sails on. Check back every week!
The Voyage So Far
HTML foundations, CSS layout and styling, JavaScript basics, the DOM and events โ covered in class. Materials are being brought online.
Coming onlineAsynchronous JavaScript
How JS handles time: the event loop, setTimeout, callbacks, Promises, async/await and the Fetch API โ with live, runnable demos.
Explore this island Week 10Node.js โ JS as Backend
JavaScript leaves the browser: V8, the event loop with micro-tasks, npm & package.json, your first HTTP server and MVC โ with a live Node emulator.
Explore this island Week 11Express.js โ the Framework
Middleware, routing, route params, the req/res objects, HTTP methods, static files and the Pug template engine โ with a live Express emulator and a REST tester.
Explore this island Week 12Databases with Express
NoSQL & MongoDB, documents vs tables, Atlas, and Mongoose schemas, models & full CRUD โ with a live in-browser Mongoose emulator and a query playground.
Explore this island Week 13Sessions, Auth & Deployment
The final island: stateless HTTP, authentication, cookies & sessions, bcrypt hashing, JSON Web Tokens, and going live on Render โ with a live session lab, a JWT builder and a deploy simulator.
Explore this islandYou've sailed the Archipelago
Every island from async JavaScript to a deployed full-stack app is charted. Now go build something of your own โ and ship it. ๐
Fair winds!Supply Stations
Everything you need for the journey.
Zybooks
The official course textbook. Weekly reading sections are listed at the end of each island.
MDN Web Docs
The best reference on the web for HTML, CSS and JavaScript. Bookmark it โ professionals use it daily.
Brightspace
Announcements, assignment submissions, grades and official course communication.