26S · CST8326 · WEB PROGRAMMING

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.

Summer 2026 Algonquin College HTML · CSS · JavaScript

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!

๐Ÿงญ
Weeks 1 โ€“ 8

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 online
โšก
Week 9

Asynchronous 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 10

Node.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 11

Express.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 12

Databases 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 13

Sessions, 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 island
๐Ÿ๏ธ
Voyage complete

You'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.