Skip to content
Crayon CS

Make it comfy

Lesson style

Quick mode shows the key picture, a summary and the practice. Good for a refresher.

Theme
Font

Both fonts are designed to be easy to read. Some readers with dyslexia prefer Lexend.

Text size
Spacing
Animations

Hard things, drawn simply.

Everything a CS degree teaches, explained like you’re 5.

Visual, hands-on computer science for smart people who were taught badly. From bits to distributed systems, one small, colorful step at a time.

No account. No credit card. Your progress stays in your browser.

Which sounds like you?

Every lesson, six small steps

  1. 1. Story

    An everyday analogy, like a coat check or a phone book.

  2. 2. Play

    Poke, drag and flip things until the idea clicks.

  3. 3. Name it

    The real terms, translated into plain English.

  4. 4. Build it

    Write real code right in your browser.

  5. 5. Challenge

    A harder twist, with hints if you want them.

  6. 6. Remember it

    Collect concept cards that bring the idea back later.

Stuck? Every big idea has an 🔄 Explain it another way button. Mistakes cost nothing.

Color in computer science

The whole curriculum is a map. Finish a course and its town fills with color.

Foundations · free

See all 72 courses →

Free where it matters most

Foundations

Free

43 courses covering everything taught in a bachelor’s-level CS program: programming, math, data structures, algorithms, systems, AI and more. Every lesson, project and exam.

Advanced ⭐

$5/month

29 master’s-level courses: distributed systems, deep learning, LLMs, security, theory and more. Coming soon; the first lesson of each course will be free.

The curriculum was built by studying the core CS programs of the world’s top-ranked computer science schools and the ACM/IEEE CS2023 curriculum guidelines. How we built it.