CodeNFacts
CodeHub
Home

All Categories


Sign In
Coming soon - in active production

Tutorials, built to be
built along with.

We're structuring every tutorial track from the ground up - concept by concept, project by project - instead of rushing out another set of watch-and-forget videos. Here's what's coming, and why we're building it this way.

First track ships soon - bookmark this page
Why tutorials, at all

Reading docs teaches you facts. Tutorials teach you the order to use them in.

Trial and error is slow

Figuring everything out alone from scattered docs and blog posts costs weeks that a structured path covers in days.

You need a feedback loop

Without checkpoints, it's easy to practice the wrong habits for months before anyone tells you.

Motivation needs a map

A visible path — what's next, how far you've come — keeps you going long after day-one enthusiasm fades.

Real skill needs real constraints

Deadlines, edge cases, and broken builds teach things a tidy 'follow along' lesson never will.

Our stance

Projects first. Video is the least of it.

A video lesson can explain a concept, but it can't tell you whether you actually learned it. Every tutorial we build is anchored to a project you ship yourself — watching is the smallest part of the process, not the whole of it.

Video-only lessonsOur approach
What you doWatch someone else codeWrite, break, and fix your own code
FeedbackNone — you find out later, if everImmediate — your build either works or it doesn't
RetentionFades within daysSticks because your hands did the work
OutputA completed videoA working project in your portfolio
ConfidenceIllusion of competenceVerified, tested competence
How a tutorial is built

Every module follows the same shape.

The video or reading is just the first step - the module isn't done until you've shipped something of your own.

Fig — the anatomy of one tutorial module
  Concept
     |
  Guided build
     |
  Checkpoint  ─ are you actually following?
     |
  Independent challenge  ─ no hand-holding
     |
  Shipped project  ─ goes in your portfolio
  1. 01Concept — the idea, in plain language, no jargon first
  2. 02Guided build — we build the first piece together, line by line
  3. 03Checkpoint — a small task to prove the idea landed
  4. 04Independent challenge — you extend it with no hand-holding
  5. 05Ship — the checkpoint becomes a real, portfolio-ready project
What's in production

The tracks taking shape right now.

Nothing here is a placeholder - every track is being scoped, sequenced, and turned into real projects before a single lesson goes live.

Web Development Foundations
HTML, CSS, JS, and your first three deployed projects.
In production
Backend & APIs
Build and ship real services, not toy endpoints.
Drafting curriculum
System Design Projects
Take the concepts in our System Design notes and actually build them.
Drafting curriculum
Data Structures & Algorithms
Problem sets tied to projects, not isolated puzzles.
Planned
DevOps & Deployment
Docker, CI/CD, and shipping your projects like a team would.
Planned
Cheat sheets

Quick references for while you wait.

Picking your first project
Ask yourselfGreen lightRed flag
Can I explain it in one sentence?Yes, clearlyYou need three tries
Is it slightly too hard?Just past your comfort zoneMiles beyond it
Will you use or show it?Yes — real motivationNo one will ever see it
Watching vs building
SignalYou're watchingYou're building
When stuckYou rewind the videoYou read the error message
TypingCopy-pastedTyped from your own head
After a weekCan't rebuild itCan rebuild it from memory
Important things to keep in mind

How to actually get the value out of a tutorial.

01

Struggling for 20–30 minutes before looking something up is where most real learning happens — don't skip that discomfort.

02

Copy-typing a tutorial isn't the same as building it. Close the reference and try from memory before you check.

03

Ship something small every week. A finished small project beats an unfinished ambitious one, every time.

04

Read error messages fully before searching for them. Half the time the fix is in the message itself.

05

Track progress by what you can build unaided, not by how many lessons you've watched.

06

Getting stuck isn't a sign you're bad at this — it's the actual mechanism by which you get better.

Structured tracks, real projects - landing soon.

We'd rather ship one track done right than five done fast. Check back for the first release.

Tutorials · currently in structured production - project-first, always.