LEARN BY EXPERIMENTING

Discover how
code works.

Follow six courses from your first HTML page to a working JavaScript project. Lessons and practices follow one clear sequence, with progress saved in this browser.

Start the guided course →View the course path

Free to explore · No account needed

LIVE PLAYGROUND01 / FLEXBOX
ABC
justify-content: center;

A small change. A different layout. Try it out.

YOUR COURSE SEQUENCE

Build your foundations, one step at a time.

Explore all lessons
01 / STRUCTURE

Start with HTML

Build a first page, organize its content, and make links and inputs easy to understand.

14 beginner lessons
02 / STYLE

Discover CSS

Style your page, understand the box model, and make room for different screen sizes.

12 beginner lessons
03 / LAYOUT

Understand Flexbox

Make space, find alignment, and see how one-dimensional layouts fit together.

4 lessons · 6 playground presets
04 / LAYOUT

Build with CSS Grid

Think in rows and columns. Turn a collection of elements into a considered layout.

4 lessons · 4 playground presets
05 / LOGIC

Think through JavaScript

Make a prediction, test your understanding, and get to the why behind the output.

19 lessons · 20 challenges
06 / BRING IT TOGETHER

Finish a local project

Connect files, debug a page, and build a sample-weather interface.

3 guides · final project

PRACTICE WITH A PURPOSE

Build something with what you know.

Work toward a clear goal with a code editor, live preview, and solution checks. Practice checkpoints appear after the lessons that prepare you.

Explore practice

Your learning, at your own pace.

Mark lessons complete and revisit challenges. Your progress stays in this browser—no sign-up, no streaks, no pressure.

My progress