RM

RM Full Stack & AI Engineer

~ personal roadmap · for your stack ~ · v1.0
↓ Skip to roadmap 📋 How to study each phase 🎓 AI Teacher 📓 Notebook 👤 Sign in to sync ✨ What's new

🎯 Is This Roadmap For You?

✓ Yes, if you

  • Want to become a Full-Stack AI Engineer (optionally going further into FinTech/Quant)
  • Can commit ~30 focused hrs/week for 16-25 months (24-36 realistic with life)
  • Want one opinionated path instead of option-shopping
  • Want the stack: TS, React, Next.js, Node, Python, Postgres, Anthropic Claude
  • Are OK being self-directed
  • Want traditional engineering AND modern AI (RAG, agents, MCP)

✗ Not for you, if you

  • Want a 3-month bootcamp shortcut — this is longer and deeper
  • Want Vue, Angular, Svelte, Ruby, Java, or .NET as your primary stack
  • Want game dev, embedded, or hardware
  • Want OpenAI or non-Anthropic LLMs — this roadmap is Claude-only by design
  • Already have web + backend + DSA mastered and only want LLM-app material — Stages 0-4 will feel slow to you
  • Need a human boss/cohort breathing down your neck daily — the built-in AI Teacher + Accountability tracker help, but they don't replace a job with real coworkers

What this is

  • 18 stages (9 core + 2 electives: 📱 Mobile, 🧪 Data Science/ML + 7 FinTech/Quant), 88 branches, 424 topics, 1,153 curated links
  • 1,604 glossary entries with global A-Z search
  • 🎓 AI Teacher (Claude) — proactive 5-step lessons (Objectives → Lecture → Worked example → Practice → Quiz) with adaptive next-topic picker + mastery tracking
  • 📓 Notebook — unified pages where you (or the AI Teacher) save lesson content, plus Markdown export
  • 📊 Accountability tracker — daily hours, weekly check-ins, streak
  • Covers production patterns — System Design, DevOps, Security, Observability. (Example builds are MVPs, not production-grade systems.)
  • Up to date for 2026 — Claude Sonnet 4.6, Voyage AI embeddings, MCP, agents, RAG
  • 15 step-by-step Build guides with copy-paste code
  • 🏫 Bootcamp mode compresses to 12/16/24/52/84-week schedules
  • 📝 Definitions Quiz drills terms until they stick

⚠ If you do nothing else

  • Find a senior mentor before Stage 4 — Codementor / MentorCruise / OSS / Discord. Self-taught learners plateau without senior eyes on their code.
  • Public GitHub presence in Stage 2-3 — clean repos, real READMEs. Don't wait until Stage 8.
  • DSA 2-3 problems/week from Stage 2 onward — not a Stage 1 sprint you forget.

🎓 Your own AI Teacher (Claude)

A proactive teacher, not a passive chatbot. Picks today's lesson based on your progress, then runs a structured 5-step lesson: Objectives → Lecture → Worked example → Practice (with feedback) → Quiz.

How it teaches

Adaptive curriculum — looks at what you've completed + quiz scores, picks the next topic that fills a gap. You can override or just chat.

What you get

📊 Mastery tracking per topic · 🎯 Quiz at the end of every lesson · 🧐 Practice feedback · 📌 Save lessons to your 📓 Notebook · 💬 Freeform chat fallback. Synced across every device you sign in on.

How billing works

Free tier: full roadmap, no AI Teacher. Paid plans add the AI Teacher with a monthly AI budget billed at cost (no markup): Lite $12/mo ($4), Pro $29/mo ($12), Power $59/mo ($35). Cancel anytime.

2026 junior market reality: the YES timeline is time-to-content. Time-to-first-offer adds 3-12 months on top. Expect 100+ applications, portfolio rounds, and referrals. Plan financially for content + job-hunt, not content alone.

📖 How to Use This Roadmap

Hide ▲

The Order

  • Stages 0–7: Sequential. Finish Stage 0 → 1 → ... → 7. Preview the next stage 1-2 weeks before finishing the current one. Don't skip; do overlap.
  • Stage 8 (Job Hunt): Start in parallel with Stages 5-6, not after 7. Networking + portfolio have lead time.
  • Electives (9 + 10): After the core. Stage 9 needs Stage 3 (React). Stage 10 needs Stage 1 (Python) + Stage 5 (LLM).
  • Within a stage: Topics go top to bottom; branches can sometimes run in parallel — check Entry Criteria.
  • Within a topic: Click any topic node for what it is, why it matters, resources, terms, practice.

Priority Tags

  • req — required. Must learn. No shortcuts.
  • rec — recommended. Strong upgrade. Learn unless you have a specific reason not to.
  • alt — alternative (dotted border). Pick one from a group. "(recommended)" suffix marks the default.
  • opt — optional (dashed border). Skip without consequence. Come back if curious.

Each Stage Has

  • Entry Criteria — what you need to know before starting
  • Branches — clustered topics with curated resources
  • Exit Criteria — concrete things you must build to prove you finished
  • Pitfalls — common mistakes to avoid in this stage
  • Project Ideas with per-project acceptance-criteria checklists
  • Per-topic Key Terms + curated Practice resources (games, challenges, projects)
  • Mock Interview + Quiz on the stage's content
  • Reference Implementations — links to production code that does this well

Time Commitment

  • 16–25 months ideal · 24–36 realistic at 30 focused hrs/week (~2,200–3,200 content hrs + ~1,500–2,500 building hrs)
  • Hours/week oscillate — 50 some weeks, 10 others. Plan for variance, not consistency.
  • Stage 8 (Job Hunt) runs in parallel with Stage 6/7, not after
  • Electives add on top: Stage 9 ≈ +300 hrs, Stage 10 ≈ +480 hrs — after your first job, not before
  • Don't rush. Don't drag. Move on when you hit each stage's exit criteria.

Keyboard Shortcuts

  • Escape — close any open topic modal
  • Ctrl/Cmd + F — browser-native search for any topic by name
  • Ctrl/Cmd + P — print or save the roadmap as PDF
  • Tab / Shift+Tab — navigate between topics with keyboard
  • Numbers 0-9 — quick-jump to a stage
  • Inside Flashcards: Space = flip, 0-5 = grade, →/Enter = skip

🛠 Built-in Tools (click the ⋯ More button in the header)

  • 📋 How to Study — per-phase loop + Fundamentals Compass + universal study patterns
  • 🎓 AI Teacher — proactive 5-step lessons (Objectives → Lecture → Example → Practice → Quiz), adaptive picker, mastery tracking. Demo runs without an API key
  • 📓 Notebook — unified pages: yours + per-topic notes + lesson saves. Search + Markdown export
  • 🏫 Bootcamp — compresses to 12/16/24/52/84-week schedules; weekly topics + projects
  • 📊 Accountability — daily hours + weekly check-ins + streak
  • 📝 Definitions Quiz — 10-Q MCQ over the glossary. By stage / tier / acronyms
  • 📚 Glossary — A-Z search of every term
  • 🎮 Practice Hub — 60+ curated practice platforms grouped by skill
  • 🔨 Builds — 15 step-by-step project guides with copy-paste code
  • 🧠 Flashcards — SM-2 spaced repetition; add custom cards per topic
  • 🕸 Skill Graph — layered DAG of all topics; filter by tier / status
  • 💼 Career Toolkit, 📅 Schedule, 📁 Portfolio, 🎲 Random interview, 🎯 Hard Topics, ⭐ My Resources, 💾 Backup/Restore

Progress Tracking

  • Click any topic checkbox to mark it complete
  • Progress saves automatically in your browser
  • Reset button in the header clears everything
  • Optional topics don't count toward your percentage

DSA Practice Cadence

  • DSA appears as a branch in Stage 1, but realistically practice continuously through Stages 2-7
  • Aim for 2-3 LeetCode/NeetCode problems per week from Stage 2 onward
  • Don't try to "finish DSA" in Stage 1 then never touch it again — you'll forget patterns
  • Ramp up to daily practice in the 4-6 weeks before applying to jobs
  • Quality > quantity: understand each pattern deeply before moving on

Code Review Self-Checklist

  • Before pushing/merging, walk through your code against this list. It catches what tests don't.
  • Security: any secrets in code? Input validated at API boundary? Auth checked on every protected route?
  • Error handling: what happens when this fails? Are errors logged with context, not just messages?
  • Types: any `any` in TypeScript? Any `# type: ignore` in Python? Why?
  • Performance: are you fetching only what you need? Database queries inside a loop? N+1?
  • Tests: happy path + 2 edge cases + 1 failure case minimum for non-trivial logic
  • Readability: can a stranger understand it in 30 seconds without context? If not, simplify or add a comment explaining WHY (not what)
  • AI/LLM-specific: are prompts cost-bounded? Are outputs validated/parsed safely? Is there a fallback when the model fails?
  • Frontend-specific: works without JS? Keyboard navigable? Loading states for async? Lighthouse > 90?
  • Final question: "Would I be embarrassed to show this to a senior engineer?" If yes, refactor.

Community Engagement Templates

  • Asking for code review (Reactiflux Discord #code-review): "Title: [TS][Next.js][Auth] Code review request. Body: I built X to learn Y. Here's the live link [URL] and repo [URL]. Specifically would love feedback on Z. I've already verified A and B work."
  • Asking for help when stuck (any Discord/subreddit): "What I'm trying to do: [goal]. What I've tried: [list]. What's happening: [exact error or behavior]. Minimal repro: [link to gist/playground]."
  • Sharing a project (r/webdev or Reactiflux #showcase): "Built [thing]. Stack: [list]. What I learned: [2-3 bullets]. Live: [URL]. Repo: [URL]. Specifically curious: [one question]."
  • Resume review (r/EngineeringResumes): Read their wiki FIRST. Format must be PDF, single page, anonymized. Title: "[Self-taught][Targeting Junior FS][US] Resume review please". Don't ask for "general feedback" — ask 1-2 specific things.
  • LinkedIn project post: "Just shipped [thing]. The hard parts: [1-2 specific challenges]. What I built it with: [stack]. Try it: [URL]. Code: [URL]." Avoid generic "learning a lot" posts.
  • Cold message to engineer at a target company: "Hi [name], I'm self-taught, building toward a junior FS role. I noticed [specific detail about their work]. Quick question: [one specific, easy-to-answer question]. No pressure to reply."

Reference Implementations

  • What does "good" look like? Read code in real production repos before assuming your work is done
  • Next.js examples — github.com/vercel/next.js/tree/canary/examples (50+ patterns)
  • Cal.com — open-source Calendly clone, production-grade Next.js + Prisma
  • Dub.co — link shortener, modern Next.js architecture
  • Twenty.com — open-source CRM, full-stack TypeScript
  • OpenStatus — open-source monitoring, great Hono/Drizzle/Next.js example
  • For Stage 5/6 AI projects: github.com/anthropics/anthropic-cookbook
  • Rule: if your code looks fundamentally different from these, ask why before shipping

Finding a Mentor

  • You probably need one. Self-taught learners plateau without senior eyes on their code
  • Free options first: code reviews on r/learnprogramming, Reactiflux Discord
  • Paid 1-on-1: Codementor ($30-150/hr), MentorCruise ($150-300/mo)
  • Open source as proxy: contribute to a real repo, maintainers will review your code for free
  • What to ask: "Review this PR" beats "teach me React" — specific beats general
  • When to invest: if you're stuck for 2+ weeks on something or unsure about overall direction

Financial Reality

  • Full-time pace (30+ focused hrs/week): finishes in 16-25 months ideally, realistically 24-36 months. Need savings runway or family support
  • Part-time pace (10-15 hrs/week): doubles timeline to 3-5 years. Realistic while working another job
  • Calculate runway: monthly expenses × months you'll be without income + 3-month buffer
  • When to start applying: end of Stage 5 if savings are tight; end of Stage 6 if you have more runway
  • Hybrid path: freelance small projects (Stage 4+) to extend your runway. Real client work beats more tutorials
  • Don't underestimate: learning while burnt out from a full-time job is brutal. Plan accordingly

If You Fall Behind

  • Slumps are normal. Everyone hits 2-4 week stretches where nothing clicks. Doesn't mean you're not cut out for this
  • Stalling signs: haven't pushed code in a week, avoiding the repo, anxious every time you sit down
  • The 30-minute rule: when stuck, commit to just 30 minutes of work. Often turns into 2 hours
  • Reset expectations, not direction: extend the timeline, don't switch stacks
  • If stalled 3+ weeks: shrink scope. Build something tiny and shippable to regain momentum
  • Burnout protocol: take a full week completely off. Then return with a 30-minute daily minimum, no max
  • Don't restart from scratch. Continue from where you stopped. Re-doing past stages is a procrastination trap

Communities (Where to Get Help)

  • Reactiflux Discord — best for React/Next.js questions
  • Python Discord — Python help and code review
  • r/learnprogramming — beginner-friendly Q&A
  • r/webdev — career and technical discussion
  • r/cscareerquestions — job hunt and salary discussion
  • r/EngineeringResumes — resume review (read the wiki first)
  • Lurk for a week before posting. Search before asking. Show what you tried.

Learning to Be Unstuck

  • Read the error — most errors tell you exactly what's wrong
  • Read the docs — official docs are almost always better than Stack Overflow
  • Search smart — paste the exact error message, not paraphrased
  • Rubber duck — explain the problem out loud to nobody. Often the answer appears
  • Ask the 🎓 AI Teacher (chat mode) — already knows your stage + current topic + progress. Paste error + your code + what you tried. You can use external claude.ai too, but the in-app one preserves context.
  • Post for help — only after exhausting the above. Include: what you want, what's happening, what you tried, minimal reproduction

Mental Health & Pacing

  • This is a marathon — 16-25 months ideally, 24-36 realistically. Pace yourself
  • Rest days matter — take 1+ day fully off per week. Your brain consolidates during rest
  • Slumps are normal — everyone hits weeks where nothing clicks. Push through small projects, not big ones
  • Compare to yourself, not to Twitter — the people posting their wins aren't posting their failures
  • Imposter syndrome never fully goes away — even senior devs feel it. Keep shipping
  • Burnout warning signs: dreading sitting down to code, no curiosity, fatigue. Take a week off if you see these

Paid Resources (Optional Upgrades)

  • Frontend Masters — best video courses for frontend ($39/mo)
  • Total TypeScript (Matt Pocock) — definitive TS course
  • Epic React (Kent C. Dodds) — deep React mastery
  • Educative.io — interactive tech interview prep
  • ByteByteGo — best system design video content
  • Free resources can take you all the way — but a strategic $30-50/mo subscription for 2-3 months in your weakest area (typically TypeScript or React) often saves 100+ hrs of piecing together YouTube + Stack Overflow. Pick one weakness, pay to fix it, then cancel.
⚠ One warning: Don't optimize the roadmap instead of using it. Tool maintenance is procrastination. Spend less than 1% of your time updating this document. Spend 99%+ on the actual learning.
your progress so far
0%
0done
0total
0/9stages
~16–25months
Legend
stage / required
topic group
optional (dashed)
alternative (dotted)
completed
00
~ 3 days ~

Environment Setup

Install and configure your workstation: Terminal, Git/SSH, VS Code, Node, Python, uv/pnpm. You WILL learn here — these are real skills, not just clicks. Foundation for everything that follows.
0%complete
0/5topics
Workstation 6
Install the tools that everything else depends on
Windows Terminal
Git + GitHub + SSH
VS Code + Extensions
Node.js LTS + pnpm
Python 3.12 + uv
WSL2
◇ Entry Criteria
  • No prior programming experience required — but you WILL learn here. Stage 0 teaches Terminal, Git/SSH, VS Code, Node, Python, and uv/pnpm — these are real skills, not just clicks.
  • A Windows/Mac/Linux computer with internet
  • Willingness to follow setup steps without skipping
  • ⏱ Expect ~16 hrs focused work (2-3 days full-time, or 1 week part-time). 💰 Free.
✓ Exit Criteria
  • Run `node`, `python`, `git`, `pnpm`, `uv` from terminal and get versions. Smoke test: write a 5-line Python script, a 5-line JS script, and push them both to a fresh GitHub repo over SSH — all in one session, without Googling.
  • Push to a GitHub repo over SSH without password prompts
🛠 Project Ideas
Workstation Setup
0/5 done
! Pitfalls
  • Over-configuring before writing any code
  • Skipping SSH setup (you will hit auth errors later)
  • Installing every VS Code extension you see
  • Setting up Windows + WSL2 wrong (use WSL2, not Git Bash)
  • Not adding /Users/[name] paths to your terminal startup file
  • Leaving default Git config (name/email not set globally)
01
~ Weeks 1–16 · 10–16 weeks · ~300–480 hrs ~

Programming Fundamentals

Learn to think like a programmer. Python first (gentler syntax), then JavaScript (you need both). Command line and Git in parallel.
0%complete
0/40topics
CS Basics 6
How computers and the internet actually work — the layer underneath your code
How Computers Work
How the Internet Works
Memory Hierarchy
Threading vs Async
OS Basics
Network Protocols Beyond HTTP
Python 7
Your first programming language — gentler syntax, faster learning curve
Variables, Types, Control Flow
Functions
Lists, Dicts, Tuples, Sets
File I/O & Error Handling
Modules & Virtual Envs
Comprehensions & Iterators
Classes & OOP
JavaScript 5
The web's lingua franca — required for everything frontend and backend in your stack
Variables, Types, Functions
Arrays & Objects
Closures & Scope
Promises & async/await
ES Modules
CLI & Git 7
Tools you will use every day for the rest of your career
Terminal Navigation
Git Basics
Branches & Merging
Rebasing
Pro Git Workflow
Code Review Skills
Technical Writing
Data Structures & Algorithms 7
Big O, arrays, hash tables, recursion — required for technical interviews
Big O Notation
Arrays & Strings
Hash Tables
Recursion & Backtracking
Sorting & Searching
Trees & Graphs
Dynamic Programming
Learning Skills 3
How to Read Official Docs
Asking For Help Productively
Reading Stack Traces Calmly
Math & Logic Fundamentals 7
Boolean Logic & Truth Tables
Sets, Relations & SQL Joins
Basic Statistics (Mean / Median / Stddev)
Probability Fundamentals
Discrete Math (Graphs, Recurrences, Counting)
Problem-Solving Framework (Polya)
Mental Math & Fermi Estimation
◇ Entry Criteria
  • Stage 0 complete — all tools installed and verified
  • You can open a terminal and run `node`, `python`, `git`
  • ⚠ This is the BIG learning stage: you learn Python AND JavaScript AND DSA AND CS basics. Do not skim.
  • ⏱ Expect ~240 hrs focused work (8-12 weeks at 30 hrs/wk). 💰 Free — all resources are free books/docs/practice.
✓ Exit Criteria
  • Build a CLI to-do app in Python with file persistence
  • Solve 20+ Exercism problems unaided in both Python and JS
  • Push 3 repos to GitHub with proper READMEs
  • Solve ~50 mixed NeetCode problems (Easy + a few Medium) — not the full 150. Continue 2-3/week from Stage 2 onward to retain patterns.
  • Demonstrate reading the docs for an unfamiliar library and using it correctly in 30 minutes without YouTube
  • Ask one well-formed question on Stack Overflow or Discord using the "what I tried / what I expected / minimal repro" template
🛠 Project Ideas
CLI to-do app (Python + JSON)
0/5 done
CLI currency converter
0/5 done
Pomodoro timer (terminal)
0/5 done
File organizer (sorts Downloads)
0/5 done
Markdown-to-HTML converter
0/5 done
! Pitfalls
  • Tutorial hell — watching without writing your own code
  • Skipping fundamentals to rush into AI
  • Memorizing syntax instead of understanding logic
  • Learning Python AND JS at the exact same time (do Python first, get fluent, then JS)
  • Not practicing typing/CLI — slow keyboard work compounds for years
  • Treating DSA as optional, or as a Stage 1 sprint you forget — it shows up in every interview, so practice 2-3 problems/week from Stage 2 onward
  • Panicking on errors and trying random fixes instead of reading the stack trace top-to-bottom
02
~ Weeks 11–26 · 6–10 weeks · ~180–300 hrs ~

Web Fundamentals

HTML, CSS, browser JavaScript, and how the web actually works. The plumbing under every modern framework.
0%complete
0/16topics
HTML 3
The structural layer of the web — what content exists on a page
Structure & Semantics
Forms & Inputs
Accessibility Basics
CSS 6
The visual layer — how a page looks
Box Model & Selectors
Flexbox
Grid
Responsive Design
Variables & Modern CSS
Animations & Transitions
Browser JS 4
The interactive layer — making pages respond to users
DOM Manipulation
Events & Delegation
Fetch & JSON
Local & Session Storage
How Web Works 3
HTTP, REST, CORS — the protocols underneath every web request
HTTP & HTTPS
REST API Basics
CORS
◇ Entry Criteria
  • Stage 1 complete — comfortable writing Python and JS
  • You can use Git for branches, commits, and pushes
  • You understand functions, loops, lists, dicts, and error handling
  • ⏱ Expect ~180 hrs focused work (6-10 weeks). 💰 Free.
✓ Exit Criteria
  • Responsive portfolio site deployed to GitHub Pages
  • Landing page clone of an existing product
  • Vanilla JS app that fetches and displays data from a public API
🛠 Project Ideas
Personal portfolio site (static)
0/5 done
Recipe book with search/filter
0/5 done
Color palette generator
0/5 done
Movie search app (OMDB API)
0/5 done
Browser calculator
0/5 done
! Pitfalls
  • Skipping CSS to rush into React
  • Ignoring mobile/responsive
  • Copying code without typing it yourself
  • Reaching for Tailwind before understanding raw CSS
  • Not understanding the box model leads to layout bugs you can't debug
  • Treating semantic HTML as optional — accessibility starts here
03
~ Weeks 17–40 · 10–14 weeks · ~300–420 hrs ~

Frontend — TypeScript, React, Next.js

Type-safe modern frontend. React for components, Next.js for routing/SSR, Tailwind + shadcn/ui for design, Zod for validation.
0%complete
0/33topics
TypeScript 3
Type-safe JavaScript — catches bugs before runtime
Types, Interfaces, Generics
Type Narrowing
Utility Types
React 7
Component-based UI library — the foundation of your frontend
Components & JSX
useState & useReducer
useEffect
Context & Custom Hooks
Forms (RHF + Zod)
TanStack Query (Server State)
State Libraries (Zustand / Jotai)
Next.js 4
Production framework around React — routing, rendering, server actions
File-Based Routing & Layouts
Server vs Client Components
Server Actions
Route Handlers
Styling 3
How to make things look professional — Tailwind, shadcn/ui, animation
Tailwind CSS
shadcn/ui
Framer Motion
Testing 3
Vitest + RTL + Playwright — testing is a hiring filter
Vitest
React Testing Library
Playwright (E2E)
Performance 5
Core Web Vitals, bundle size, image optimization, HTTP/CDN caching — what makes apps feel fast
Core Web Vitals
Bundle Analysis
Image Optimization
HTTP Caching
CDN Caching
Mobile & PWA 3
Responsive testing, service workers, installable web apps — mobile is 60%+ of traffic
Responsive Design Testing
Service Workers Basics
Progressive Web Apps
Accessibility 5
WCAG, semantic HTML, screen readers, keyboard navigation — the difference between a portfolio and a product
Semantic HTML
WCAG Fundamentals
ARIA & Screen Readers
Keyboard Navigation
A11y Testing Tools
◇ Entry Criteria
  • Stage 2 complete — you can build static HTML/CSS sites
  • You understand HTTP methods, status codes, and how the browser fetches data
  • You can manipulate the DOM and use fetch()
  • ⏱ Expect ~360 hrs focused work (10-14 weeks). 💰 Free; optional Vercel free tier is enough for portfolio deploys.
✓ Exit Criteria
  • Multi-page Next.js app with TypeScript deployed to Vercel
  • Connect to a public API with full type safety
  • Build a reusable component library (5+ components)
  • Write tests for at least 3 components with Vitest + RTL
  • Score >90 on Lighthouse Performance for your portfolio
  • Your portfolio works on a phone (real device tested)
  • Lighthouse Accessibility score >95 on your portfolio
🛠 Project Ideas
Pokédex (Next.js + PokéAPI)
0/5 done
Weather dashboard
0/5 done
Markdown editor with live preview
0/5 done
Habit tracker (localStorage)
0/5 done
GitHub profile viewer
0/5 done
! Pitfalls
  • Learning React without solid JavaScript first
  • Reaching for state libraries too early
  • Ignoring TypeScript errors
  • Using `any` type as escape hatch (defeats the point)
  • Skipping testing because "it slows me down" (it does the opposite)
  • Building one massive component instead of composing small ones
  • Not learning Next.js conventions (Pages vs App router, server vs client components)
04
~ Weeks 27–60 · 14–20 weeks · ~420–600 hrs ~

Backend — Node, Python, PostgreSQL

REST APIs in Node (Hono) and Python (FastAPI). SQL, Prisma, auth, Redis caching. One of the harder stages.
👥 This is where self-taught learners plateau without senior eyes on their code. Get one PR reviewed per week — free options first.
0%complete
0/29topics
SQL & Postgres 7
Relational data — queries, schema design, indexes, transactions
SELECT, JOIN, Aggregations
Schema Design
Indexes & Performance
Transactions & Migrations
Window Functions & CTEs
Query Optimization & EXPLAIN
Indexing Strategies
Node Backend 8
JavaScript on the server — Hono (recommended), Express, or Fastify
Hono (recommended)
Express (learn after Hono)
Fastify
tRPC (end-to-end type safety)
Prisma ORM
Password Hashing
JWT & Session Auth
File Uploads & Blob Storage
Python Backend 5
Python on the server — FastAPI + SQLAlchemy + Pydantic
FastAPI + Pydantic
Async & Dependency Injection
SQLAlchemy + Alembic
OAuth2 + JWT
pytest
Redis 2
In-memory cache and queue — speeds up everything
Key-Value & Caching
BullMQ
Real-Time 2
WebSockets and SSE — for live chat, streams, and notifications
WebSockets
Server-Sent Events
Web Security 5
OWASP Top 10, XSS, CSRF, SQLi — the attacks every backend dev must defend against
OWASP Top 10
XSS Prevention
CSRF Protection
SQL Injection Defense
Session & Auth Security
◇ Entry Criteria
  • Stage 3 complete — you have built a multi-page Next.js + TS app
  • You can write TypeScript with confidence (types, generics, narrowing)
  • You have deployed at least one frontend to Vercel
  • ⏱ Expect ~360 hrs focused work (12-16 weeks). 💰 Free locally; Railway/Fly free tiers cover hosting through this stage.
✓ Exit Criteria
  • Full-stack app: Next.js + Node API + Postgres + auth
  • Same API rebuilt in FastAPI
  • Redis cache layer on an expensive endpoint
  • Apply OWASP Top 10 mitigations to your full-stack app
🛠 Project Ideas
Full-stack to-do (Next + Hono + Postgres + auth)
0/5 done
Real-time group chat
0/5 done
Expense tracker
0/5 done
URL shortener with analytics
0/5 done
FastAPI rebuild of the to-do app
0/5 done
! Pitfalls
  • Storing passwords plain or with weak hashing
  • Skipping input validation on the backend
  • Over-relying on ORMs without understanding SQL
  • No indexes on foreign keys
  • Building auth from scratch instead of using a vetted lib (Auth.js, Better Auth)
  • Forgetting CORS configuration until you can't debug it
  • Not separating env vars per environment (dev/staging/prod)
05
~ Weeks 41–72 · 8–12 weeks · ~240–360 hrs ~

LLM Application Development

Integrate Anthropic Claude APIs. Prompts, streaming, tool use, structured outputs, local models with Ollama.
🎓 The LLM field shifts monthly — a mentor here saves weeks of trying outdated patterns. Live communities > static tutorials in this stage.
0%complete
0/20topics
LLM Basics 5
How models actually work — tokens, context windows, pricing
Tokens, Context, Pricing
Token Economics Deep Dive
Context Window Strategies
Model Selection
Provider Pricing Comparison
Prompting 3
How to talk to models effectively — system prompts, few-shot, chain-of-thought
System vs User Prompts
Few-Shot & CoT
Templates & Versioning
Provider APIs 8
Anthropic Claude — integrating real LLMs into your apps + Voyage AI for embeddings
Anthropic API
Voyage AI Embeddings
Other LLM Providers (Gemini / Groq / Mistral)
OpenRouter (Unified Gateway)
Streaming
Cost & Rate Limits
Prompt Caching
Multi-modal (Vision)
Structured & Tools 2
JSON outputs and tool calling — how LLMs interact with the world
JSON Mode & Schemas
Tool / Function Calling
AI SDK & Local 2
Vercel AI SDK for production, Ollama for local experimentation
Vercel AI SDK (after raw APIs)
Ollama
◇ Entry Criteria
  • Stage 4 complete — you have built a full-stack app with auth
  • You understand REST, SQL, and async I/O
  • You can write a Postgres query without an ORM if needed
  • ⏱ Expect ~240-360 hrs focused work (8-12 weeks). 💰 Anthropic API: ~$5-30 to complete this stage with experiments.
✓ Exit Criteria
  • Streaming AI chat app deployed to production
  • Structured data extractor: text → validated JSON
  • App that uses tool calling to query a real database
🛠 Project Ideas
Claude.ai-style chat clone
0/5 done
Document summarizer
0/5 done
Code reviewer
0/5 done
Email drafter (voice-cloned)
0/5 done
Recipe generator from photo or ingredients
0/5 done
! Pitfalls
  • Treating LLM output as deterministic
  • No error handling for malformed JSON
  • Ignoring token costs until the bill arrives
  • Hardcoding prompts inline
  • Not implementing prompt caching when context is repeated (90% cost savings missed)
  • Using Sonnet/Opus for trivial tasks when Haiku would suffice
  • Skipping system prompts and stuffing everything into user messages
06
~ Weeks 49–84 · 8–12 weeks · ~240–360 hrs ~

RAG, Vector DBs, Agents

Embeddings, retrieval, agents. 2026 patterns: pgvector, LangGraph, Model Context Protocol.
🔭 Evaluation is the hardest part of this stage — a mentor helps you build eval sets you can trust before optimizing. Don't iterate blind.
0%complete
0/20topics
Embeddings & Vectors 5
Semantic search foundations — how RAG retrieves the right context
Embeddings & Similarity
pgvector
Pinecone
Qdrant
Weaviate
RAG Pipeline 4
Loaders, chunking, retrieval, evaluation — the full RAG flow
Document Loaders
Chunking
Retrieval & Reranking
Evaluating Retrieval
Agents 5
LLM-powered automation — loops, tools, state machines
Agent Loops & Tools
LangGraph
LangChain
DSPy (Programming, Not Prompting)
Outlines / Constrained Generation
MCP 5
Model Context Protocol — the open standard for AI tool integration
Model Context Protocol
Building MCP Servers
Production MCP Servers
MCP Security Model
Debugging MCP Integrations
Data Engineering 4
ETL, dbt, orchestration — clean data pipelines underpin every good RAG app
ETL / ELT Basics
dbt Basics
Workflow Orchestration
Data Versioning
◇ Entry Criteria
  • Stage 5 complete — you have shipped at least one AI-powered web app
  • You understand prompts, tokens, streaming, and tool calling
  • You can debug an LLM integration when it returns unexpected output
  • ⏱ Expect ~240-360 hrs focused work (8-12 weeks). 💰 Anthropic + Voyage AI embeddings: ~$10-50 for the RAG/agent experiments.
✓ Exit Criteria
  • "Chat with your docs" RAG app deployed (PDF upload + Q&A)
  • Multi-tool agent that completes a real research task
  • Custom MCP server exposing a real data source to Claude Desktop
🛠 Project Ideas
Personal docs RAG
0/5 done
Web research agent
0/5 done
MCP server (Linear / Notion / GitHub)
0/5 done
Support bot trained on company docs
0/5 done
Code search agent over a repo
0/5 done
! Pitfalls
  • Reaching for LangChain before understanding mechanics
  • Ignoring chunk size / overlap tuning
  • Building agents without evals
  • Overengineering: one LLM call often beats a 5-step agent
  • Using the wrong embedding model for your domain (Voyage code/finance/multilingual often beat the default)
  • Skipping reranking when retrieval quality is poor
  • Building "agentic" loops without iteration limits (infinite costs)
07
~ Weeks 57–104 · 14–20 weeks · ~420–600 hrs ~

Production Engineering

Logging, evals, error tracking, deployment, security. What separates demos from products.
0%complete
0/31topics
Observability 3
Logs, errors, LLM tracing — visibility into production
Structured Logging
Sentry Error Tracking
LLM Observability
Evals 3
Testing LLM quality — regression detection for AI features
Why Evals Matter
LLM-as-Judge
Prompt Versioning & A/B
Deployment 9
Getting code into production — Docker, CI/CD, hosting
Docker
GitHub Actions
CI Quality Gates
Environment Promotion
Rollback Strategies
Vercel
Railway / Fly.io
AWS Basics
Feature Flags
AI Security 3
Prompt injection, secrets, rate limiting — what attackers target
Prompt Injection Defense
API Key Management
Per-User Rate Limiting
System Design 5
How systems scale beyond a single server — required for mid-level+ interviews
Scalability Basics
Load Balancing
Caching Strategies
Database Sharding & Replicas
Microservices vs Monolith
Distributed Systems 4
CAP theorem, idempotency, tracing — the realities of multi-service systems
CAP Theorem & Consistency Models
Idempotency & Retries
Distributed Tracing
Message Queues
DevOps Fundamentals 5
Linux, Nginx, DNS, HTTPS — what you need to self-host beyond Vercel
Linux Server Basics
SSH & Server Management
DNS & Domains
HTTPS & TLS Certificates
Nginx & Reverse Proxies
◇ Entry Criteria
  • Stage 6 complete — you have built a RAG app and an agent
  • You understand embeddings, retrieval, and evals at a conceptual level
  • You have at least one AI app deployed somewhere with users (even if just yourself)
  • ⏱ Expect ~420-600 hrs focused work (14-20 weeks). 💰 ~$5-15/mo if you self-host a VPS; managed platforms free tier-friendly.
✓ Exit Criteria
  • Production AI app with logs, evals, error tracking
  • CI/CD pipeline running tests + evals before deploy
  • Written security review of your own app
  • Deploy a self-hosted app to a VPS with Nginx + HTTPS
  • Complete a system design exercise (e.g. "design Twitter")
🛠 Project Ideas
Ship a Stage 5/6 project with full observability
0/5 done
Self-host on a VPS with Nginx + Let's Encrypt
0/5 done
Security review of your AI app
0/5 done
CI/CD with tests + evals
0/5 done
Status page with uptime monitoring
0/5 done
! Pitfalls
  • Skipping evals because they feel optional
  • Deploying without monitoring
  • Not tracking AI costs until the bill is large
  • Hardcoding secrets
  • Logging sensitive user data (PII) in plain text
  • No rate limiting on AI endpoints (one user can drain your budget)
  • Treating security as "we'll fix it later" — your first breach is also your last
08
~ Weeks 40–108 · 6–10 weeks · ~180–300 hrs ~

Job Hunt & Career

Turn your skills into a job. Portfolio, resume, interviews, networking, negotiation. Start in parallel with Stages 5-6, not after — networking and portfolio have lead time.
0%complete
0/20topics
Portfolio 3
The public face of your skills — personal site, GitHub, project showcases
Personal Website
GitHub Profile
Project Showcase
Resume & Application 3
How to package your skills for ATS scanners and 6-second human scans
Self-Taught Resume
Application Strategy
Cover Letters
Interview Prep 5
DSA + system design + behavioral — the three rounds you must master
DSA Interview Practice
System Design Interviews
Behavioral Interviews
Take-Home Projects
Mock Interviews
Networking 3
How referrals happen — LinkedIn, open source, communities
LinkedIn Presence
Open Source Contribution
Tech Communities
Job Strategy 10
Negotiation, international markets, freelance vs W-2, continued learning
Salary Negotiation
International Job Markets
Remote vs Office vs Hybrid
Startup vs Big Tech
Contract & Freelance Path
Continued Learning
Reality Check — 2025-2026 Junior Market
Portfolio Differentiation
First Job — Year 1 Reality
When to Specialize (Post-First-Job)
◇ Entry Criteria
  • Start Stage 8 activities (LinkedIn, portfolio, networking) during Stages 5-6, not after Stage 7. They have lead time.
  • For applying to jobs: you have 3+ portfolio-worthy projects from earlier stages
  • You can comfortably explain your projects technically
  • You have at least Stage 5 complete (Stage 6-7 ideal but not required to start applying)
  • You're mentally prepared for rejection — most applications don't convert
  • ⏱ Open-ended: ~120 hrs of structured prep + 100+ apps + 3-12 mo wall-clock time in the 2026 market. 💰 Free; optional $30-150/hr mentor/mock-interview.
✓ Exit Criteria
  • Portfolio site live with 3+ polished projects from earlier stages
  • GitHub profile cleaned up with profile README and pinned repos
  • Resume reviewed by 3+ people and tailored to target roles
  • 50+ technical interview problems solved unaided
  • Completed 5+ mock interviews (technical and behavioral)
  • Applied to 50+ targeted roles with tracked outcomes (or hit your first offer first)
  • Honest stop signal: if 100 applications produced 0 callbacks, pause and fix the funnel (portfolio, resume, or targeting) before continuing
🛠 Project Ideas
Portfolio site (3-5 strongest projects)
0/5 done
Project blog posts
0/5 done
Open-source contribution
0/5 done
LinkedIn optimization
0/5 done
Mock interview cycle
0/5 done
! Pitfalls
  • Spray-and-pray applications without targeting
  • Skipping behavioral prep — it can fail you even with strong coding
  • Accepting first offer without negotiating
  • Not asking for referrals from your network
  • Hiding the self-taught background instead of owning it
  • Quitting too early in the job hunt — average is 100+ applications
09
~ Weeks after Stage 3+ · 8-12 weeks · ~240-360 hrs ~

Mobile Development (Elective)

OPTIONAL elective. React Native + Expo lets you reuse your React knowledge across iOS + Android. Skip if you're targeting web-only roles.
0%complete
0/17topics
Mobile Foundations 3
iOS vs Android vs Cross-Platform
Mobile UX Patterns
Build Pipeline & Dev Environment
React Native 6
React Native Basics
Expo SDK
Navigation (Stack / Tab / Drawer)
State & Async on Mobile
Native APIs (Camera, Location, Sensors)
Mobile Performance
Mobile-Specific Features 5
Push Notifications
Offline-First & Local DB
Deep Links & Universal Links
Mobile Auth (Apple Sign In + Google + Magic Link)
Crash Reporting + Analytics
Distribution 3
iOS App Store Submission
Google Play Store Submission
OTA (Over-The-Air) Updates
◇ Entry Criteria
  • Elective — only if you want to build mobile apps
  • Stage 3 complete (React + Next.js + TypeScript) — RN reuses 80% of your React knowledge
  • A Mac is required for iOS builds (Android works on any OS)
  • Willingness to deal with App Store review (1-2 week buffer for first submission)
  • ⏱ Expect ~300 hrs focused work (~10-12 weeks). 💰 Apple Developer Program $99/yr (required to ship iOS) + Google Play one-time $25.
✓ Exit Criteria
  • Ship one fully working RN/Expo app to iOS TestFlight + Google Play internal testing
  • Integrate at least one native feature (camera, location, push notifications, or biometric auth)
  • Set up Sentry crash reporting + PostHog analytics in production
  • Use TanStack Query for all server state (same patterns as web)
  • Implement offline-first state for at least one critical user flow
🛠 Project Ideas
! Pitfalls
  • Building bare React Native instead of Expo when starting out (Expo handles 95% of pain)
  • Ignoring Apple Sign In requirement (mandatory if you offer any third-party login)
  • Skipping mobile UX patterns and shipping a wrapped website
  • Not testing on a real device — simulators lie about performance, touch, sensors
  • Forgetting to handle app states (background, killed) for push notifications
  • Submitting to iOS App Store without reading App Review Guidelines first — instant rejection
10
~ Weeks after Stage 6+ · 12-20 weeks · ~360-600 hrs ~

Data Science / ML Research (Elective)

OPTIONAL elective. For ML/research roles, data scientist positions, or fine-tuning models yourself. Stages 5-6 cover the application side; this stage is for going deeper.
0%complete
0/23topics
DS Foundations 4
NumPy + Pandas
Jupyter Notebooks + JupyterLab
Exploratory Data Analysis (EDA)
Statistics for ML
Visualization 2
Matplotlib + Seaborn
Plotly (Interactive Charts)
Classical ML 7
scikit-learn
Train / Validation / Test Splits
Linear + Logistic Regression
Decision Trees + Random Forests + XGBoost
Clustering (K-Means / DBSCAN)
Feature Engineering
Model Evaluation Metrics
Deep Learning 4
PyTorch Fundamentals
Neural Networks Basics
CNNs (Convolutional Networks)
Transformers + Attention
Production ML / LLM Engineering 4
HuggingFace Ecosystem
Fine-Tuning Open Models
MLOps Basics
LLM Evaluation
Research Track (Optional) 3
Reading ML Papers
Kaggle Competitions
Reproducing Paper Results
◇ Entry Criteria
  • Elective — only if you want ML/research roles or to fine-tune models yourself
  • Stage 1 Python complete — comfortable with NumPy/Pandas patterns
  • Stage 5 LLM complete — you understand the application engineering side first
  • Math fundamentals (Stage 1 Math & Logic branch) — statistics + probability
  • Patience: ML feedback loops are slower than web (training runs take hours/days)
  • ⏱ Expect ~480 hrs focused work (14-20 weeks). 💰 Free with Kaggle/Colab GPUs for most learning; ~$10-50 if you do any cloud GPU fine-tuning.
✓ Exit Criteria
  • Ship one classical ML project end-to-end (problem framing → EDA → model → eval → write-up)
  • Train one neural network from scratch in PyTorch (image classifier or text classifier)
  • Place top 50% on at least one Kaggle competition or replicate one published result
  • Build a LoRA fine-tune on an open model + serve it behind an HTTP API
  • Write a 1-2 page report explaining your methodology — make it portfolio-readable
🛠 Project Ideas
! Pitfalls
  • Jumping to deep learning before mastering classical ML (XGBoost beats neural nets on small tabular)
  • Modeling before doing EDA — wasted weeks chasing artifacts in dirty data
  • Accuracy on imbalanced data (95% accuracy on 95% negatives = useless model)
  • Data leakage between train/test (model "works" in eval, fails in production)
  • Fine-tuning when prompt engineering or RAG would solve it for $0
  • Skipping evaluation — "looks good" is not a metric
  • No reproducibility (no seeds, no env, no versioning) — papers in dust, not science

~ Milestones ~

locked
M1 · End of Stage 1

First Commit

You write code and push it to GitHub. You are now a person who programs.

locked
M2 · End of Stage 2

Live on the Internet

First responsive site deployed. You can build the visible web.

locked
M3 · End of Stage 3

Modern Frontend

First TypeScript + Next.js app on Vercel.

locked
M4 · End of Stage 4

Full Stack

First complete app: frontend + backend + database + auth.

locked
M5 · End of Stage 5

AI Engineer

First AI-powered web app shipped.

locked
M6 · End of Stage 6

RAG + Agents

First RAG app and first agent. You can build 2026-era AI products.

locked
M7 · End of Stage 7

Production Ready

Production AI app with observability and evals. Job and product ready.

locked
M8 · End of Stage 8

Hired

Job offer accepted. You are now a paid Full Stack + AI Engineer.

How hard was this?