FRONTEND

Every language is a new doorway

HTML gives the page its structure, CSS gives it style, JavaScript gives it behaviour. Start with any one of them — you'll naturally meet the other two.

Pick a subject

Choose your subject

Same platform, same tools, same live editor — it doesn't matter which one you pick first.

HTML · Build the structure

Every web page starts with an HTML document. Learn to mark up content in a way browsers, screen readers, and search engines can all understand.

Semantic tags
Forms & input
Accessible markup

Learning progress…%

View chapters

CSS · Shape the style

Turn plain markup into an interface worth looking at — colour, spacing, layout, and motion, all driven by rules you write once and reuse everywhere.

Flexbox & Grid
Responsive design
Design tokens

Learning progress…%

View chapters

JavaScript · Give it interaction

Make a page respond to what happens. Variables, events, and the DOM turn static markup into something genuinely usable.

DOM & events
Logic & data
Async & requests

Learning progress…%

View chapters

What the learning flow actually looks like

Whichever subject you pick, every lesson follows the same flow.

STEP 01
Pick a subject
Start with HTML, CSS, or JavaScript — the three are independent, with no fixed order.
STEP 02
Read and write together
Every lesson puts a short explanation next to code you can edit and run immediately, right on the page.
STEP 03
Practice hands-on
Reinforce what you learned in the free playground, or check your understanding with a short quiz.
STEP 04
Track progress
Pick lessons in any order; for registered users, progress saves automatically and finishing a lesson opens its quiz — sign in once, and it's always there.