Web fundamentals

The file the server returns. Tags, structure, semantics, forms, accessibility — the structure layer before any styling lands.

• 4.0Orientation
• 4.1What HTML actually is
• 4.2Your first HTML file
• 4.3Tags and attributes
• 4.4Document structure
• 4.5Headings and paragraphs
• 4.6Links
• 4.7Images and alt text
• 4.8Lists
• 4.9Tables — for data only
• 4.10Forms part 1 — text and submit
• 4.11Forms part 2 — every input type that matters
• 4.12Forms part 3 — labels, required, validation
• 4.13Semantic HTML
• 4.14Accessibility primitives
• 4.15The head deep dive
• 4.assignThree-page static site, 100 on Lighthouse a11y

The look layer. Selectors, the cascade, the box model, flexbox, grid, responsive, custom properties, and the Tailwind subset that earns its weight.

• 5.0Orientation
• 5.1What CSS actually is and how it reaches the browser
• 5.2Three ways to apply CSS
• 5.3Selectors
• 5.4The cascade, specificity, inheritance
• 5.5The box model, drawn out
• 5.6Display: block, inline, inline-block
• 5.7Positioning
• 5.8Flexbox in seven cases
• 5.9Grid in five cases
• 5.10Responsive design
• 5.11Typography
• 5.12Color
• 5.13Custom properties (CSS variables)
• 5.14Logical properties and a modern reset
• 5.15Tailwind primer
• 5.16When to write CSS and when to reach for utilities
• 5.assignRebuild a real product page from a screenshot

Types, scope, closures, modules, and the event loop. Promises and async/await. The language itself, separate from where it runs.

• 6.0Orientation: what this chapter delivers
• 6.1What JavaScript is and where it runs
• 6.2Running your first JS: browser console and Node
• 6.3Values, types, and the primitives
• 6.4Variables: let, const, and why nobody uses var
• 6.5Operators and equality: == vs ===
• 6.6Strings: template literals, escaping, useful methods
• 6.7Numbers, NaN, and the precision gotchas
• 6.8Arrays and the methods you'll use every day
• 6.9Objects, properties, and shorthand
• 6.10Control flow: if, switch, ternary, optional chaining
• 6.11Loops: for, for-of, for-in, while, and reaching for map/filter/reduce
• 6.12Functions: parameters, defaults, rest, spread
• 6.13Scope and closures
• 6.14this and why it confuses everyone
• 6.15Modules: import, export, default vs named
• 6.16Error handling: throw, try/catch, the Error object
• 6.17Asynchronicity from first principles: the event loop
• 6.18Promises: states, chaining, error handling
• 6.19async/await
• 6.20fetch and reading JSON
• 6.assignBuild a CLI script that fetches and transforms public-API data

JavaScript controlling a web page. Events, delegation, storage, CORS, and the browser as a security boundary.

• 7.0Orientation: from "I know JS" to "I can build a web page"
• 7.1What the DOM actually is
• 7.2Finding elements: querySelector, querySelectorAll, getElementById
• 7.3Reading and changing element content
• 7.4Creating, inserting, removing elements
• 7.5Attributes vs properties
• 7.6Classes and classList
• 7.7Events: addEventListener and the event object
• 7.8Event bubbling and capture
• 7.9Event delegation: the trick that scales
• 7.10Forms: FormData, validation, submit
• 7.11Storage: localStorage, sessionStorage, cookies, brief IndexedDB
• 7.12Fetching from JS: putting Ch 6 to work on a real page
• 7.13CORS in plain English
• 7.14The browser as a security boundary
• 7.assignZero-framework to-do app with localStorage persistence