Skip to content

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.

CSC336 · SEMESTER 5

Web Technologies

Start here if you're new to web development. HTML, CSS, modern JavaScript, a server-side API with a database, and your first React app — 32 lectures, explained simply with plenty of examples.

CSC337 · SEMESTER 6

Advanced Web Technologies

For students who've completed CSC336. Enterprise architecture, API design, authentication and OWASP security, caching and scalability, and production-grade Next.js — 32 lectures.

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 --> C

Every 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

Downloads and Demos

  • Downloads — PDF copies of the official CSC336/CSC337 CDF and lecture-wise plan documents, plus older lecture slide decks kept here for reference.
  • Demos — a companion repository of small, runnable HTML/CSS/JS demos and mini projects, one per topic, that go with these chapters.