Zero knowledge → degree → professional → expert

JavaScript & Modern Web

HTML, CSS, JavaScript, TypeScript and React to full-stack web mastery

46 structured topics, each reinforced with plain-language teaching, memory hooks, hands-on practice, retrieval, teach-back, speed recall, professional transfer and spaced review.

Start learning

How mastery works

1. Five-year-old simple

Every new term is explained without assumed knowledge and linked to a familiar picture.

2. Do it

Guided labs, typing, diagrams, configurations, queries or professional artefacts turn words into usable skill.

3. Retrieve it

No-peeking recall, teach-back and 60-second checks force the brain to retrieve instead of recognise.

4. Use it professionally

Failure modes, security, evidence, capstones and spaced repetition build degree and workplace fluency.

Course topics

  1. What Is JavaScript? — The language that makes pages alive
  2. Browser DevTools — Console, elements, network
  3. let, const, var — Storing values in JS
  4. JS Data Types — string, number, boolean, null
  5. Operators — Maths, comparison, logic
  6. If / Else & Switch — Branching logic
  7. Loops — for, while, forEach
  8. Functions — Declarations and expressions
  9. Arrow Functions — Short modern syntax
  10. Arrays — Lists of values
  11. map, filter, reduce — The three power tools
  12. Objects — Key/value structures
  13. Destructuring & Spread — Modern unpacking syntax
  14. The DOM — Reading and changing the page
  15. Events — Clicks, input, keyboard
  16. Forms & Validation — Collecting user data safely
  17. fetch & APIs — Getting data from servers
  18. Promises & async/await — Handling things that take time
  19. Error Handling — try/catch and defensive code
  20. localStorage & Cookies — Remembering the user
  21. ES Modules — import / export
  22. Classes in JS — OOP in JavaScript
  23. Closures — Functions that remember
  24. The 'this' Keyword — Context explained simply
  25. The Event Loop — How JS really runs
  26. TypeScript Basics — Adding types to JavaScript
  27. npm & package.json — Installing libraries
  28. Git for Web Devs — Branches, commits, pull requests
  29. React: Components — Building UI from blocks
  30. React: State & Props — Data that changes
  31. React: useEffect — Talking to the outside world
  32. Routing — Multiple pages in one app
  33. React Forms — Controlled inputs and validation
  34. Styling with Tailwind — Utility-first CSS
  35. Responsive Design — Phone, tablet, desktop
  36. Accessibility (a11y) — Building for everyone
  37. Node.js Basics — JavaScript on the server
  38. Express APIs — Building REST endpoints
  39. Auth & Sessions — Login done properly
  40. Connecting a Database — Persisting real data
  41. Testing with Vitest — Unit and component tests
  42. Performance & Core Web Vitals — Fast sites win
  43. Web Security — XSS, CSRF, CSP
  44. Deploying a Site — Hosting, domains, HTTPS
  45. Progressive Web Apps — Installable, offline-capable
  46. Capstone: Full-Stack App — Ship a complete web product

← View the complete AIblty curriculum