The Web Dev Book
A free, lecture-by-lecture online textbook built from the official COMSATS course plans
for Web Technologies (CSC336) and
Advanced Web Technologies (CSC337) — from your very first
<h1> to shipping a production Next.js application on Vercel.
How this book is organized¶
Each course is split into 7 units (matching the official course description form), and every unit is a group of lectures — one chapter per lecture, exactly as taught in class.
flowchart LR
A["CSC336<br/>Web Technologies"] --> A1["7 Units"] --> A2["32 Lecture Chapters"]
B["CSC337<br/>Advanced Web Technologies"] --> B1["7 Units"] --> B2["32 Lecture Chapters"]
A2 --> C["You, building real projects"]
B2 --> CEvery chapter follows the same shape, so you always know what to expect:
| Section | What you'll find there |
|---|---|
| In this lecture | A short preview of what you're about to learn and why it matters |
| Explanation + examples | Plain-language explanations with runnable code samples |
| Diagrams | Mermaid diagrams for architectures, flows, and sequences where a picture helps |
| Try it yourself | A small hands-on exercise to reinforce the lecture |
| Key takeaways | A quick recap you can revise from before a quiz or exam |
Where to start¶
- New to web development? Begin at Web Technologies → Lecture 1.
- Finished CSC336 already? Jump into Advanced Web Technologies → Lecture 1.
- Looking for a specific topic? Use the search bar at the top of the page, or browse the tag index.
Downloads, Demos, and Tutorials¶
Lecture Slides
Full slide decks for CSC336 Lectures 1–10, one slide per PDF page — use full-screen view for a proper presentation, or print them for offline study.
Tutorials
Self-contained, beginner-to-intermediate walkthroughs that sit alongside the lecture chapters — environment setup, layout patterns, Git and GitHub, and more.