Core · Frontend Free to read

Frontend: HTML, CSS and JavaScript tutorial

Structure a page, style and lay it out, then make it load data and react to clicks.

8 lessonsabout 12 h

Learn it by doing

The interactive course has the same lessons with an editor next to them: run every example, answer the quizzes and solve exercises that are checked the moment you submit. Free to start, no sign-up.

Start the interactive course

HTML

Build pages and forms that work for everyone.

1 The structure of a pageWhat is a web page actually made of?2 Forms and accessibilityHow does a page ask the user for information?

CSS

Know which rule wins and lay boxes out on any screen.

3 Selectors and the cascadeWhen two CSS rules disagree, which one wins?4 Layout: boxes, flexbox, phonesHow do boxes end up side by side, and still fit on a phone?

JavaScript

Write JavaScript and work with data.

5 JavaScript basicsHow do you give a page a brain?6 Arrays, objects and JSONHow do you work with lists of things, like the products in a shop?

Apps

Load data and keep the screen in sync with it.

7 Async and fetchHow does a page load data without freezing?8 State and renderingHow do apps keep the screen in sync with the data?