Skip to content
AI Full-Stack Wiki

How to Use This Wiki (with 3, 6, and 12-Month Study Plans)

How the AI Full-Stack Engineer Wiki is organized, how to set up Node.js and an API key, and week-by-week 3, 6, and 12-month plans to become job-ready.

Difficulty: Beginner12 min readUpdated
On this page· How the wiki is organized

Why this matters

People who give up on learning AI engineering rarely lack talent. Usually they lack a sequence: they jump from tutorial to tutorial and never ship anything end to end. This wiki is designed to be followed in order, with a project at each stage. Ten minutes here will save you weeks of wandering.

How the wiki is organized#

The content follows the order in which the skills depend on each other:

  1. Start Here: the role, the roadmap, and this guide.
  2. Foundations: TypeScript, Node.js, React and Next.js, databases, APIs, DevOps.
  3. LLM Fundamentals: how models work, choosing models, keys and billing.
  4. LLM App Engineering: your first API call through streaming, structured outputs, tool use, RAG, and caching.
  5. AI Agents & Orchestration: workflows vs agents, agent loops, multi-agent systems, MCP, durable execution.
  6. Production AI Engineering: evals, observability, reliability, security, and cost.
  7. AI-Assisted Development: working effectively with coding agents.
  8. Projects: six builds of increasing difficulty, ending with a capstone SaaS assistant.
  9. Career: portfolio, writing, interviews, staying current.
  10. Reference: glossary, cheat sheets, resources, FAQ.

Use the sidebar to move between sections and the Previous / Next links at the bottom of every page to follow the default reading order. The roadmap shows the same path with typical durations; select a stage to jump to it.

The AI full-stack engineer roadmap: 9 stages from foundations to career, about 26 weeks on the 6-month path. Select a stage to open it; stages light up as you complete their articles.
Show text description

The roadmap is an ordered path of 9 stages. Each stage builds on the ones before it. Durations follow the 6-month standard plan; the 3-month plan compresses them and the 12-month plan expands the foundations.

  1. Start Here (2 weeks, beginner): Understand the role and pick a study plan.
  2. Foundations (4 weeks, beginner): TypeScript, Node.js, React, databases, APIs, and DevOps.
  3. LLM Fundamentals (2 weeks, beginner): Tokens, context windows, choosing models, keys and billing.
  4. LLM App Engineering (5 weeks, intermediate): Streaming, structured outputs, tool use, RAG, and caching.
  5. Agents & Orchestration (5 weeks, advanced): Agent loops, multi-agent systems, MCP, durable execution.
  6. Production AI (2 weeks, advanced): Evals, tracing, reliability, security, and cost.
  7. AI-Assisted Development (1 week, intermediate): Build, review, test, and debug with coding agents.
  8. Projects (3 weeks, advanced): Six builds, ending with a production SaaS assistant.
  9. Career (2 weeks, intermediate): Portfolio, writing, and AI system design interviews.

Anatomy of an article#

Every article uses the same structure, so you always know where to look:

PartWhat it gives you
BadgesDifficulty (beginner, intermediate, advanced), estimated reading time, last update date
Why this mattersThe problem the concept solves and why it is worth your time
DiagramsThe concept drawn first, with a text description for screen readers
Core explanationThe mechanism, with runnable TypeScript or React code
Common mistakesThe errors people actually make, so you can skip them
Try itA hands-on exercise; do it before moving on
QuizThree or so questions with explanations to check understanding
Key takeawaysA summary you can reread before an interview
Next stepsWhere to go from here

Every diagram uses the same visual language, so it is worth learning once:

How to read the diagrams

Shapes

  • Rounded rectangle: Service or code you run
  • Cylinder: Database or storage
  • Hexagon: LLM or other model
  • Circle: User or actor
  • Page: File or document

Colors

  • AI / LLM
  • Backend
  • Frontend
  • Data / storage
  • Security / risk
  • External

Lines

  • Request or data
  • Async job or event
  • Streaming response
  • Trust boundary

Set up your environment#

You need three things before the LLM sections: a recent Node.js, a code editor, and an API key.

  1. Install Node.js 22 LTS or newer

    Download it from nodejs.org (opens in a new tab) or use a version manager such as nvm or fnm. Check the version:

    node --version

    Node.js 22.18 and later can run .ts files directly by stripping type annotations, so the examples in this wiki run without a build step.

  2. Create a practice project

    mkdir ai-practice && cd ai-practice
    npm init -y
    npm pkg set type=module
    npm install @anthropic-ai/sdk
    mkdir ai-practice && cd ai-practice
    pnpm init
    npm pkg set type=module
    pnpm add @anthropic-ai/sdk

    Setting "type": "module" makes Node.js treat your files as ES modules, so import and top-level await work.

    Add a tsconfig.json so your editor type-checks the scripts the same way Node.js runs them:

    tsconfig.json
    {
      "compilerOptions": {
        "target": "ES2022",
        "module": "NodeNext",
        "moduleResolution": "NodeNext",
        "strict": true,
        "noEmit": true,
        "allowImportingTsExtensions": true,
        "verbatimModuleSyntax": true,
        "erasableSyntaxOnly": true,
        "skipLibCheck": true
      }
    }

    Node.js runs .ts files by removing their types, without a bundler, so local imports in scripts include the extension: import { anthropic } from "./lib/anthropic.ts". Inside a Next.js app, the bundler resolves imports and you leave the extension off.

    Removing types only works for TypeScript syntax that has no runtime meaning. erasableSyntaxOnly makes the editor flag the few features that do, such as enum and constructor parameter properties (constructor(private x: number)), which Node.js refuses to run.

  3. Get an API key and store it safely

    Create a key in the Anthropic Console, then save it in a .env.local file in the project folder. Add that file to .gitignore immediately so the key is never committed:

    .env.local
    ANTHROPIC_API_KEY=your-key-from-the-anthropic-console
    echo ".env.local" >> .gitignore

    Set a monthly spend limit in the console as well. Practice workloads are cheap, but a bug in a loop is not.

  4. Verify everything works

    Create this script. It checks your Node.js version and key, then makes one small model call:

    check-env.ts
    import Anthropic from "@anthropic-ai/sdk";
     
    const [major] = process.versions.node.split(".").map(Number);
    if (major < 22) {
      console.error(`Node.js ${process.versions.node} is too old. Install Node.js 22 LTS or newer.`);
      process.exit(1);
    }
    if (!process.env.ANTHROPIC_API_KEY) {
      console.error("ANTHROPIC_API_KEY is not set. Add it to .env.local and run with --env-file.");
      process.exit(1);
    }
     
    const client = new Anthropic();
    const message = await client.messages.create({
      model: "claude-opus-5-5",
      max_tokens: 1024,
      output_config: { effort: "low" },
      messages: [{ role: "user", content: "Reply with exactly one word: ready" }],
    });
     
    const reply = message.content.flatMap((block) => (block.type === "text" ? [block.text] : [])).join("");
    console.log(`Node.js ${process.versions.node} OK. Model replied: ${reply}`);
    console.log(`Tokens used: ${message.usage.input_tokens} in, ${message.usage.output_tokens} out`);

    Run it, loading the key from .env.local:

    node --env-file=.env.local check-env.ts

    If you see the model's reply and a token count, you are ready for every code example in the wiki.

Choose your study plan#

All three plans reach the same destination: deployed projects, a portfolio, and interview preparation. Choose based on where you start, not how fast you want to finish. Skipping foundations you do not have makes everything after them slower.

3 months: fast track#

For: developers already comfortable with TypeScript, React, a backend framework, and SQL. Pace: 10 to 12 hours per week.

WeeksFocusShip by the end
1Start Here, LLM FundamentalsEnvironment set up; first API call working
2–5LLM App EngineeringAI chat app with streaming; docs Q&A with RAG
6–8AI Agents & OrchestrationTool-using support agent; custom MCP server
9–10Production AI Engineering, AI-Assisted DevelopmentEvals and tracing added to your RAG project
11–12ProjectsCapstone: production SaaS AI assistant
13CareerPortfolio page, one write-up, a mock system design interview

The multi-agent research project is optional on this plan; do it after week 13 if you want depth in orchestration.

6 months: standard path#

For: people who know JavaScript but have gaps in Node.js, databases, or deployment. Pace: 8 to 10 hours per week.

WeeksFocusShip by the end
1–2Start Here; skim Foundations to find your gapsA list of the foundation articles you need
3–6Foundations (your gaps only)A small CRUD app with Postgres, deployed
7–8LLM FundamentalsFirst API call; a cost estimate for your app idea
9–13LLM App EngineeringAI chat app with streaming; docs Q&A with RAG and evals
14–18AI Agents & OrchestrationTool-using support agent; custom MCP server
19–21Production AI Engineering, AI-Assisted DevelopmentTracing, retries, and an injection review of your agent
22–24ProjectsMulti-agent research system; capstone started
25–26Projects, CareerCapstone finished; portfolio and interview prep

12 months: from zero#

For: beginners to programming or people coming from a non-web background. Pace: 6 to 8 hours per week.

WeeksFocusShip by the end
1–2Start Here; set up your tools and GitA GitHub profile with a first repository
3–8Modern JavaScript and TypeScriptSmall command-line programs in TypeScript
9–12Node.jsA file-processing script and a tiny HTTP server
13–18React and Next.jsA multi-page Next.js app
19–22DatabasesThe same app backed by Postgres
23–25APIs and authenticationLogin and a REST API for your app
26–27DevOps basicsThe app deployed with CI running on every push
28–30LLM FundamentalsFirst API call; a token and cost experiment
31–36LLM App EngineeringAI chat app with streaming; docs Q&A with RAG
37–42AI Agents & OrchestrationSupport agent, MCP server, multi-agent research system
43–46Production AI Engineering, AI-Assisted DevelopmentEvals, tracing, and security hardening on one project
47–50ProjectsCapstone: production SaaS AI assistant
51–52CareerPortfolio, two write-ups, interview practice

How to study effectively#

  • Type the code, do not paste it. Typing forces you to read every line, and the typos you fix teach you the API.
  • Change one thing and predict the result. After an example works, alter a parameter (the system prompt, max_tokens, a tool description) and guess what will happen before you run it.
  • Keep a build log. A dated file of what you built, what broke, and how you fixed it becomes the raw material for your portfolio write-ups.
  • Do the quizzes before rereading. Retrieval practice beats rereading. If you miss a question, read the explanation, then reread only that section.
  • Use AI assistants as a tutor, not a crutch. Ask a coding assistant to explain an error or review your code, but write the first version yourself.

Common mistakes#

  • Skipping straight to agents. Agents combine everything before them. Without streaming, tool use, and evals, agent bugs are hard to diagnose.
  • Collecting tutorials instead of shipping. Ten half-finished demos are worth less than one deployed project with tests, evals, and a README.
  • Committing secrets. Add .env.local to .gitignore before your first commit, not after. Leaked keys are found by scanners within minutes of a public push.
  • Studying without a target. Pick a plan and put the weekly hours in your calendar. Unscheduled study does not happen.

Try it

Commit to a plan

  1. Pick the 3, 6, or 12-month plan that matches where you are today.
  2. Block your weekly study hours in your calendar for the next four weeks.
  3. Complete the environment setup above and run check-env.ts successfully.
  4. Create a build-log.md file and write your first entry: the date, the plan you chose, and what you want to be able to build at the end.

Check your understanding

You already build React and Node.js apps professionally. Which plan fits best?
Why does the setup run the script with node --env-file=.env.local?
What is the one rule worth keeping even when you fall behind your plan?

Key takeaways

  • The wiki is ordered by dependency: foundations, LLM fundamentals, application engineering, agents, production, then projects and career.
  • Every article follows the same structure, from "Why this matters" to quiz and key takeaways.
  • Set up Node.js 22+, an ES module project, and a server-side API key stored in an ignored .env.local file.
  • Choose the 3, 6, or 12-month plan by your starting point, and ship a project at every stage.
  • Active study (typing code, predicting results, quizzing yourself, keeping a build log) beats passive reading.

Next steps#

Finished this article? Track it to see your progress on the roadmap.