15 levels, mental-model first
Start at Level 0 and move forward when each idea clicks. Every level builds on the last — no jargon dumps, just the picture you need before you open a terminal.
The Map of Software
Understand what software is before learning technical names.
Basic Building Blocks
Understand records, fields, functions, inputs, outputs, errors, state.
How the Web Works
Understand what happens between browser, server, and database.
JavaScript Without Code Overload
Understand what JavaScript does before writing much code.
TypeScript
TypeScript as a shape checker for apps and AI-generated code.
React
Components, props, state, events, lists, forms.
Vite and Local Development
Understand the dev server, build, and dependencies.
Routing
Understand routes, params, and navigation.
Convex
Schema, queries, mutations, actions, realtime, auth, files.
Convex in production
HTTP, env, deploy, tenancy, logs — how your shipped apps run on Convex.
Deployment
How a local app becomes a live URL.
VPS and SSH
Understand servers without becoming a sysadmin.
APIs, Webhooks, Integrations
API requests, responses, keys, webhooks, rate limits.
Model Context Protocol (MCP)
Understand MCP — how AI assistants use tools and context.
AI Coding Workflow
Control Codex, Claude, Cursor — review, prevent spaghetti, debug.
Your stack (VPS repos)
Learn the stack you actually ship — paths, Convex slugs, deploy, and debug habits.
- Your four repos (what each one is)
- Convex .cloud vs .site vs VITE_CONVEX_URL
- Reading schema.ts (your database map)
- Tenant isolation (why rows have tenantId / organizationId)
- vite-plus (vp) in agentify and Jmcon
- Cloudflare Workers deploy (your live URLs)
- TanStack Router in Jmcon (URLs = files)
- Pushing Convex code (dev vs prod)
- Webhooks into Convex HTTP
- AI inside Convex (not in the browser)
- Debug flow when you don't understand the code
- How you work with Hermes (goal + loops)