Skip to main content
CodeFlow

An interactive field guide to programming

Programming concepts, finally clicked.

Skip the syntax soup. Pick a concept — a stack, a loop, a hash table — see it animated, drive it yourself, then read it in five languages side-by-side. Concept-first, built on Head First pedagogy.

The map

Three routes, ten stops.

Each route is a tight sequence of lessons that build on one another. Start from the top of any route — the order is the learning, not just the index.

Route 02 Rows, stacks, queues, lookup drawers.

Holding Things

Once you can put one value in a box, the next question is how to keep many of them in order. Four structures cover most of what you will see.

  1. 1Arrays & Lists
  2. 2Linked List
  3. 3The Stack
  4. 4The Queue
  5. 5Hash Tables
  6. 6Sets
  7. 7Trees & BSTs
  8. 8Heaps & Priority Queues
  9. 9Graphs

Route 03 Halving, hashing, log time.

Smarter Searching

Patterns for finding things fast. Each one trades a little setup for a much faster lookup later.

  1. 1Binary Search

Route 04 Classes, references, concurrency.

Paradigms & Mind-models

How code is organised in larger programs: bundling data with behaviour, sharing vs copying, doing things while waiting.

  1. 1Classes & Objects
  2. 2References vs Values
  3. 3Async & Concurrency

Or pick freely

All ten lessons

If you already know what you want, jump straight in. Each lesson is self-contained: story, animation, code in five languages, quiz.

The one-line test

If a 14-year-old from a school that does not teach computer science read a CodeFlow page once, would they walk away genuinely understanding the concept? If not, it is not ready.