◐ ai-teacher

🎨 Free course

Frontend & the Browser

Understand the browser well enough to build a fast, accessible app with no framework — then know what a framework would buy you.

Start the course free →

What you will learn

  1. How a browser turns your files into pixels (coming soon)
  2. HTML that means something: semantics and accessibility (coming soon)
  3. CSS layout: flow, flexbox, grid (coming soon)
  4. The cascade, specificity, and why your rule lost
    Your CSS is not broken. It is being beaten — by a more specific rule, or by one further down the file. Those are the only two ways to lose.
  5. Custom properties and theming without JavaScript (coming soon)
  6. Responsive and mobile-first: units, breakpoints, the fold (coming soon)
  7. The DOM and event delegation
    One listener on the document can handle every button in the app — including buttons that do not exist yet.
  8. ES modules, imports and no build step (coming soon)
  9. Rendering strategies: strings, templates, virtual DOM (coming soon)
  10. State: where it lives and who owns it (coming soon)
  11. Routing without a server: the hash and the History API (coming soon)
  12. localStorage, IndexedDB and quota (coming soon)
  13. Fetch, promises, async/await and error handling (coming soon)
  14. Performance: layout thrash, reflow, and the 16ms budget (coming soon)
  15. PWAs — manifest, service worker, offline
    A service worker is a proxy you wrote, running inside the browser, that sees every request your page makes — including the ones that would have failed.
  16. When you actually need React — and what it costs (coming soon)

How the course works