Developer Learning Platform

Learn to Code
Zero to Hero

Master coding in weeks, not years.
No setup. No install. Just code.

HTML · 18 tasks CSS · 22 tasks JavaScript · 35 tasks TypeScript · 19 tasks

▶ Start for Free Browse All Paths →

Designed for laptop and desktop — best experienced on a larger screen

Learning Paths

Choose Your Path

Each path is a standalone series of drills — start at the beginning or jump to the concept you want to practice.

18 tasks · beginner → advanced

Document structure · Headings & text · Lists & links · Tables · Forms & validation · Semantic HTML · Media · Accessibility

22 tasks · beginner → advanced

Selectors · Box model · Flexbox · Grid · Typography · Variables · Transitions · Animations · Transforms · Media queries

35 tasks · beginner → advanced

Variables · Functions · Arrays & Objects · Classes · DOM · Events · Promises · Async/Await · LocalStorage · Regex · Generators

19 tasks · intermediate → advanced

Basic types · Interfaces · Generics · Utility types · Mapped types · Conditional types · Discriminated unions · Declaration files

The method

Learn By Doing

Every task follows the same three-step loop — designed to build real muscle memory, not passive reading.

1

Choose a topic

Pick any track and open a task. Tasks are ordered from beginner to advanced — start at task 01 or jump to the concept you want to nail.

2

Study the examples

Each task opens with 2–3 working examples already in the editor. Click Run and see them execute. Read the code and understand the pattern.

3

Complete the challenge

The task panel tells you exactly what to add. Write your code, click Run, and see the result live — no VS Code, no terminal, no setup. Compare with the solution when done.

The playground

Everything In One Tab

A 3-panel editor built into the browser. Write code on the left, see results on the right — instantly.

01 — Variables · JavaScript · Code Academy

Task

01 — Variables

Core JavaScript: Variables. Study the working examples, then add your own code below.

✅ Examples run fine. Click ▶ Run and study the output.

🎯 Your challenge
• Add a const for MAX_SCORE = 100
• Add a let for currentLevel starting at 1
• Log both to the console

Editor

// ✅ Examples — run me first
const GAME_TITLE = "Pixel Quest";
let score = 0;
console.log(GAME_TITLE, score);
 
// 🎯 YOUR CHALLENGE
// TODO: Add MAX_SCORE and currentLevel
// Add your code below ↓
 
|

Console Output

> Running script.js…

Pixel Quest 0

// your output will appear here