Resources
Everything below is free. Keep the reference sites open while you work through chapters, and use the practice sites whenever a concept needs another repetition.
Reference you will use daily
When you forget how a tag, property or method works, these are the places to look first.
- MDN Web Docs
The reference for every HTML element, CSS property and JavaScript method, written by people who help define the standards.
- web.dev
Practical guides from the Chrome team on performance, accessibility and modern browser features.
- Can I Use
Check which browsers support a feature before you rely on it in production.
- The A11Y Project
Checklists and plain-language explanations for building accessible interfaces.
Practice and challenges
Reading is not enough. These give you briefs to build against once a chapter clicks.
- Frontend Mentor
Real design files with free challenges, graded from newcomer to advanced.
- Codewars
Short JavaScript logic problems that sharpen arrays, objects and functions.
- CSS Battle
Recreate a target image with as little CSS as possible. Excellent for selectors and layout intuition.
- JavaScript30
Thirty small builds in plain JavaScript, no libraries or frameworks.
Tools worth installing
A short list. Everything here is free and used on real teams.
- Visual Studio Code
The editor most front-end work happens in, with built-in formatting and Git support.
- Git
Version control. Install it before Chapter 21 and use it for every project after.
- Netlify
Free hosting for static sites, with drag-and-drop or Git-connected deploys.
- Vitest
A fast test runner that pairs with the tooling introduced in Level 5.
Data to build against
Public APIs that need no key, useful for Level 4 and for your own experiments.
- PokeAPI
Large, well-structured JSON with images. Ideal for a first fetch and grid render.
- Open-Meteo
Weather forecasts with no account required, good for date handling and charts.
- REST Countries
Country data with flags and regions, perfect for search and filter practice.
- JSONPlaceholder
Fake posts, users and comments that accept write requests, for testing forms.
