← All courses

Vibe safely

AI-Assisted Development

Turn vibe coding into a disciplined skill: plan, choose models, supervise agents, build, test, secure, deploy, and maintain real products.

Built forVibe coders who want to build faster without surrendering judgment, security, or ownership.
StatusIn progress
Account neededNo

By the end

Not just watched. Understood and built.

Turn ideas into scoped requirements and verifiable tasks.

Choose model categories using real project evidence.

Supervise coding agents, inspect diffs, and reject unsafe work.

Build accessible frontend, backend, database, auth, and AI features.

Test, threat-model, secure, deploy, monitor, and recover applications.

Explain what shipped, what is uncertain, and what still needs work.

The lesson rhythm

You will always know what to do next.

Every lesson follows the same calm loop, so new concepts feel familiar.

  1. 01

    Understand

    Start with one plain-English mental model.

  2. 02

    See

    Compare a real example with its visible result.

  3. 03

    Try

    Make one small change and predict what happens.

  4. 04

    Break + verify

    Repair a mistake and prove the fix with evidence.

Project ladder

Build proof, not tutorial clutter.

Each project produces something you can show, test, explain, and improve.

01

Beginner website

A responsive, accessible learning page built through small AI-assisted changes.

02

Full-stack app

Authenticated CRUD with ownership rules, migrations, tests, preview, and rollback.

03

Grounded AI feature

Structured output, citations, limits, evaluation cases, and cost controls.

04

India-first option

An Indic-language, voice, translation, or document workflow using an officially supported model.

05

Security repair lab

Find leaked secrets, broken authorization, unsafe dependencies, prompt injection, and excessive agency.

Global model compass

Learn the landscape, not a temporary ranking.

Representative, not exhaustiveLast verified August 2026. Always check the live official catalog.
United StatesOfficial source

OpenAI

GPT and Codex

General reasoning, coding agents, tools, multimodal work, and application APIs.

Remember

Model names and recommended defaults change; verify the live catalog.

United StatesOfficial source

Anthropic

Claude

Coding, long-context review, tool use, and agentic workflows.

Remember

Compare capability, speed, cost, and actual task performance.

United StatesOfficial source

Google

Gemini and Gemma

Multimodal APIs, long context, coding, live media, and open-model options.

Remember

Distinguish stable model IDs from preview releases.

United StatesOfficial source

Meta

Llama

Open-weight language and multimodal models for hosted or self-managed projects.

Remember

Read the exact model card, license, and acceptable-use terms.

United StatesOfficial source

xAI

Grok

General reasoning, coding, tool use, search-connected work, voice, image, and video APIs.

Remember

Capabilities and model aliases change; pin versions when consistency matters.

United StatesOfficial source

Microsoft

Phi and MAI

Smaller language models, multimodal work, and models integrated with Microsoft Foundry.

Remember

Separate Microsoft models from third-party models merely hosted in the same catalog.

United StatesOfficial source

Amazon

Nova

Text, multimodal understanding, creative media, speech, and agentic workflows through Amazon Bedrock.

Remember

Check the exact model version, Bedrock region, and supported modality.

DeepSeek

DeepSeek

Reasoning, coding, and OpenAI-compatible API workflows.

Remember

Check the exact endpoint, model ID, data terms, and current availability.

Alibaba Cloud

Qwen

Multilingual, reasoning, coding, visual, audio, and agent workflows through Model Studio.

Remember

Model lifecycle and regional endpoints matter in production.

Moonshot AI

Kimi

Long-context reasoning, coding, tool use, and agent workflows.

Remember

Verify the current model catalog instead of relying on a remembered model name.

Zhipu AI

GLM

Language, reasoning, coding, visual work, and tool-enabled applications.

Remember

Provider, endpoint, and deployment region are separate decisions.

MiniMax

MiniMax

Text, speech, music, image, video, and agent-style application APIs.

Remember

Choose a model by the required modality and measured result, not brand familiarity.

Sarvam AI

Sarvam models

Indian-language chat, speech, translation, transliteration, and document workflows.

Remember

Indic specialisation does not automatically make every model a coding model.

AI4Bharat

Open Indic research models

Open Indian-language datasets, translation, speech, transliteration, and research.

Remember

Research releases and production APIs have different support expectations.

Krutrim AI Labs

Krutrim

Indic language and India-focused open-model research where officially available.

Remember

Verify that the chosen release exposes the capability and interface your app needs.

BharatGen

BharatGen models

Sovereign Indian text, speech, translation, vision, and dataset initiatives.

Remember

Confirm whether a model, weights, or public API is actually available before planning around it.

Mistral AI

Mistral and Devstral

Commercial APIs, coding, open weights, and local or offline deployments.

Remember

Hosted and self-hosted versions have different operational responsibilities.

United Arab EmiratesOfficial source

Technology Innovation Institute

Falcon

Open models, Arabic specialisation, reasoning, and efficient deployment.

Remember

Read the exact model card and license for the chosen release.

Global open ecosystemOfficial source

Hugging Face

Model Hub

Discovering, evaluating, hosting, and adapting community and open-weight models.

Remember

A hub listing is not an endorsement; inspect files, model cards, licenses, and authors.

United StatesOfficial source

NVIDIA

Nemotron

Open models and data for reasoning, coding, agents, retrieval, speech, and safety.

Remember

Budget hardware, inference software, security, and ongoing model operations.

Complete course map

Every lesson has a purpose, practice task, and mistake clinic.

Open one level at a time. Only the first published lesson is marked Start; the rest are being written and tested.

Level 1Vibe Coding Without GuessingUnderstand the tools, retain responsibility, and make your first bounded AI-assisted change.10 lessons
  1. 001What vibe coding actually is12 minPlanned
    Understand

    Use AI while keeping human responsibility for the result.

    Try it

    Create an AI can / I must checklist.

    Common mistake

    Thinking the AI owns the outcome.

    Detailed lesson page publishing in progress.
  2. 002Model, chatbot, IDE assistant, agent, API, and tool14 minPlanned
    Understand

    Give each part of the AI ecosystem its correct name.

    Try it

    Label a simple ecosystem diagram.

    Common mistake

    Calling every AI product a model.

    Detailed lesson page publishing in progress.
  3. 003How a website works end to end14 minPlanned
    Understand

    See the browser, frontend, backend, database, and hosting together.

    Try it

    Draw one request-and-response flow.

    Common mistake

    Believing a website is only its visible page.

    Detailed lesson page publishing in progress.
  4. 004Your AI development workbench14 minPlanned
    Understand

    Know the job of the editor, terminal, browser, DevTools, GitHub, and preview.

    Try it

    Open each tool and identify what evidence it provides.

    Common mistake

    Installing many tools without understanding any of them.

    Detailed lesson page publishing in progress.
  5. 005Repository anatomy for vibe coders15 minPlanned
    Understand

    Read src, public, package.json, README, and configuration without panic.

    Try it

    Create a labelled repository map.

    Common mistake

    Editing random files based only on filenames.

    Detailed lesson page publishing in progress.
  6. 006Read before writing14 minPlanned
    Understand

    Ask AI to inspect and explain without changing files.

    Try it

    Check an AI-generated codebase map against the real repository.

    Common mistake

    Letting an agent edit during an explanation task.

    Detailed lesson page publishing in progress.
  7. 007Your first bounded change16 minPlanned
    Understand

    Make one intentional change with a clear boundary.

    Try it

    Change one card's text and colour only.

    Common mistake

    Asking AI to redesign the whole page.

    Detailed lesson page publishing in progress.
  8. 008Run, build, and inspect output16 minPlanned
    Understand

    Prove generated code runs and builds.

    Try it

    Open the local page and complete a successful build.

    Common mistake

    Assuming generated code automatically works.

    Detailed lesson page publishing in progress.
  9. 009Explain the change back12 minPlanned
    Understand

    Describe what changed and why in plain language.

    Try it

    Write a changed-file summary without AI jargon.

    Common mistake

    Keeping code nobody on the team can explain.

    Detailed lesson page publishing in progress.
  10. 010Mini-lab: repair a broken page25 minPlanned
    Understand

    Use evidence and a small diff to repair a deliberate defect.

    Try it

    Return a working page plus a verification checklist.

    Common mistake

    Making random edits until the symptom disappears.

    Detailed lesson page publishing in progress.
Level 2Prompts and Context That Produce Reliable WorkTurn vague wishes into scoped tasks an AI—and a human reviewer—can understand.10 lessons
  1. 011State the result, not vague activity12 minPlanned
    Understand

    Describe the outcome a user should receive.

    Try it

    Rewrite five weak prompts as observable outcomes.

    Common mistake

    Saying only make it better.

    Detailed lesson page publishing in progress.
  2. 012Supply only useful context14 minPlanned
    Understand

    Give the model the files and facts needed for this task.

    Try it

    Assemble a small context packet.

    Common mistake

    Providing too little context or dumping the whole repository.

    Detailed lesson page publishing in progress.
  3. 013Add constraints and non-goals12 minPlanned
    Understand

    Protect unrelated behaviour from accidental changes.

    Try it

    Write must change and must not change lists.

    Common mistake

    Letting AI rewrite unrelated features.

    Detailed lesson page publishing in progress.
  4. 014Write acceptance criteria14 minPlanned
    Understand

    Define completion with checks instead of feelings.

    Try it

    Turn a feature idea into five pass-or-fail checks.

    Common mistake

    Accepting looks good as proof.

    Detailed lesson page publishing in progress.
  5. 015Show examples and counterexamples14 minPlanned
    Understand

    Make desired and undesired outcomes concrete.

    Try it

    Pair one reference with one anti-reference.

    Common mistake

    Expecting AI to infer your personal taste.

    Detailed lesson page publishing in progress.
  6. 016Ask for a plan before implementation14 minPlanned
    Understand

    Review approach, files, risks, and checks before code changes.

    Try it

    Correct one flawed implementation plan.

    Common mistake

    Approving a large unexplained change.

    Detailed lesson page publishing in progress.
  7. 017Break an app into safe tasks16 minPlanned
    Understand

    Move from idea to feature to small verifiable task.

    Try it

    Create an epic, feature, and task board.

    Common mistake

    One giant build my whole SaaS prompt.

    Detailed lesson page publishing in progress.
  8. 018Repository instructions and conventions15 minPlanned
    Understand

    Store repeatable project rules close to the code.

    Try it

    Write a beginner-readable instruction file.

    Common mistake

    Repeating inconsistent rules in every chat.

    Detailed lesson page publishing in progress.
  9. 019Context resets, summaries, and handoffs14 minPlanned
    Understand

    Continue long work without losing decisions or current state.

    Try it

    Write a compact session handoff.

    Common mistake

    Continuing after the model has lost the goal.

    Detailed lesson page publishing in progress.
  10. 020Current facts, uncertainty, and official docs16 minPlanned
    Understand

    Require sources and make uncertainty visible.

    Try it

    Verify one package or API against its official documentation.

    Common mistake

    Trusting invented APIs, packages, or outdated syntax.

    Detailed lesson page publishing in progress.
Level 3The AI Model CompassChoose models by task, evidence, privacy, cost, and lifecycle—not hype or nationality.10 lessons
  1. 021Provider, family, version, product, and agent12 minPlanned
    Understand

    Compare like with like when discussing AI.

    Try it

    Classify a set of product and model cards.

    Common mistake

    Comparing a consumer chat app with an API model.

    Detailed lesson page publishing in progress.
  2. 022Tokens, context, output limits, and cutoffs15 minPlanned
    Understand

    Understand what fits in a model request and what may be stale.

    Try it

    Complete a context-budget worksheet.

    Common mistake

    Assuming a huge context window guarantees understanding.

    Detailed lesson page publishing in progress.
  3. 023General, reasoning, coding, multimodal, and specialist models15 minPlanned
    Understand

    Match model categories to the work they are designed for.

    Try it

    Complete a task-to-model-type matching game.

    Common mistake

    Using the largest model for every task.

    Detailed lesson page publishing in progress.
  4. 024Quality, speed, cost, modality, and tool reliability15 minPlanned
    Understand

    Choose using multiple project constraints.

    Try it

    Build a weighted model-selection scorecard.

    Common mistake

    Choosing from benchmark marketing alone.

    Detailed lesson page publishing in progress.
  5. 025Major United States ecosystems18 minPlanned
    Understand

    Understand representative OpenAI, Anthropic, Google, Meta, xAI, Microsoft, and Amazon families.

    Try it

    Compare official catalogs for one real task.

    Common mistake

    Declaring one US model universally best.

    Detailed lesson page publishing in progress.
  6. 026Major Chinese ecosystems18 minPlanned
    Understand

    Understand representative DeepSeek, Qwen, Kimi, GLM, MiniMax, ERNIE, and Hunyuan families.

    Try it

    Map each family to documented strengths and access methods.

    Common mistake

    Treating Chinese models as interchangeable.

    Detailed lesson page publishing in progress.
  7. 027Indian AI and Indic specialisation18 minPlanned
    Understand

    Understand Sarvam, Krutrim, AI4Bharat, and BharatGen use cases.

    Try it

    Create an India-focused language, speech, or document use-case map.

    Common mistake

    Assuming every Indian model is a coding assistant.

    Detailed lesson page publishing in progress.
  8. 028European, Middle Eastern, and open-weight ecosystems18 minPlanned
    Understand

    Understand Mistral, Falcon, Llama, Gemma, and the open model ecosystem.

    Try it

    Compare hosted and self-hosted options.

    Common mistake

    Calling open weights automatically free, private, or unrestricted.

    Detailed lesson page publishing in progress.
  9. 029Cloud versus local models16 minPlanned
    Understand

    Balance privacy, residency, hardware, licensing, and maintenance.

    Try it

    Write a deployment decision record.

    Common mistake

    Sending private code to a service without checking terms.

    Detailed lesson page publishing in progress.
  10. 030Run a fair model bake-off25 minPlanned
    Understand

    Evaluate models on your own tasks and track their lifecycle.

    Try it

    Run ten cases and create a dated model registry.

    Common mistake

    Switching models after one impressive answer.

    Detailed lesson page publishing in progress.
Level 4Turn an Idea Into a Buildable ProductDefine the user, scope, flows, data, risks, and proof before asking AI to build.10 lessons
  1. 031Define the user and real problem14 minPlanned
    Understand

    Start from a person's need rather than a list of features.

    Try it

    Write a one-paragraph problem statement.

    Common mistake

    Starting from features instead of a real need.

    Detailed lesson page publishing in progress.
  2. 032User stories and jobs to be done15 minPlanned
    Understand

    Describe useful behaviour from the user's point of view.

    Try it

    Write five testable user stories.

    Common mistake

    Saying the app should do everything.

    Detailed lesson page publishing in progress.
  3. 033MVP scope and explicit non-goals15 minPlanned
    Understand

    Choose the smallest version that proves value.

    Try it

    Create a now, later, and never board.

    Common mistake

    Building payments, chat, AI, and admin together.

    Detailed lesson page publishing in progress.
  4. 034User flows and edge cases16 minPlanned
    Understand

    Plan happy, empty, failure, and recovery states.

    Try it

    Draw four versions of one important flow.

    Common mistake

    Designing only the happy path.

    Detailed lesson page publishing in progress.
  5. 035Information and data modelling16 minPlanned
    Understand

    Name the information the product must store and relate.

    Try it

    Sketch a small entity relationship map.

    Common mistake

    Letting AI invent database tables during coding.

    Detailed lesson page publishing in progress.
  6. 036Choose a stack for constraints16 minPlanned
    Understand

    Select technology for team skill, product needs, cost, and maintenance.

    Try it

    Write a short architecture decision record.

    Common mistake

    Selecting every fashionable framework.

    Detailed lesson page publishing in progress.
  7. 037API and component contracts16 minPlanned
    Understand

    Agree on inputs, outputs, errors, and ownership before implementation.

    Try it

    Write two example request and response contracts.

    Common mistake

    Frontend and backend inventing different formats.

    Detailed lesson page publishing in progress.
  8. 038Acceptance tests before implementation16 minPlanned
    Understand

    Turn requirements into evidence the build must produce.

    Try it

    Create a feature verification matrix.

    Common mistake

    Writing tests after forgetting the requirement.

    Detailed lesson page publishing in progress.
  9. 039Threat, privacy, cost, and accessibility planning18 minPlanned
    Understand

    Surface important non-functional risks before code exists.

    Try it

    Create a small pre-build risk register.

    Common mistake

    Treating safety and accessibility as post-launch jobs.

    Detailed lesson page publishing in progress.
  10. 040Milestones and stop conditions16 minPlanned
    Understand

    Give the agent an ordered path and clear points to pause.

    Try it

    Create a milestone plan with approval gates.

    Common mistake

    Allowing an agent to work indefinitely.

    Detailed lesson page publishing in progress.
Level 5The Supervised Coding-Agent WorkflowLet agents move quickly inside clear boundaries, reviewable diffs, and mandatory checks.10 lessons
  1. 041The agent loop: inspect, plan, act, observe, adjust15 minPlanned
    Understand

    Understand how an agent uses a model and tools over multiple steps.

    Try it

    Draw the loop around one coding task.

    Common mistake

    Treating an agent like autocomplete.

    Detailed lesson page publishing in progress.
  2. 042Inspect repository status and existing work14 minPlanned
    Understand

    Protect changes that already belong to someone else.

    Try it

    Produce a clean pre-change report.

    Common mistake

    Overwriting another person's work.

    Detailed lesson page publishing in progress.
  3. 043Branches as safe workspaces14 minPlanned
    Understand

    Separate experiments from the stable branch.

    Try it

    Create a focused feature branch.

    Common mistake

    Experimenting directly on main.

    Detailed lesson page publishing in progress.
  4. 044Review a plan and challenge assumptions15 minPlanned
    Understand

    Check files, architecture, risks, and verification before approval.

    Try it

    Find and correct three assumptions in a sample plan.

    Common mistake

    Approving because the plan sounds technical.

    Detailed lesson page publishing in progress.
  5. 045Keep diffs small and intentional16 minPlanned
    Understand

    Make changes that a beginner can inspect and reverse.

    Try it

    Reduce a mixed diff to one feature.

    Common mistake

    Hundreds of unrelated changed lines.

    Detailed lesson page publishing in progress.
  6. 046Command permissions and destructive boundaries18 minPlanned
    Understand

    Decide what an agent may run, must ask about, or may never run.

    Try it

    Create an allow, ask, and deny command policy.

    Common mistake

    Blindly approving terminal commands.

    Detailed lesson page publishing in progress.
  7. 047Read a diff without writing every line18 minPlanned
    Understand

    Review behaviour, data flow, dependencies, and unexpected files.

    Try it

    Annotate one AI-generated diff.

    Common mistake

    Reviewing only the final screen.

    Detailed lesson page publishing in progress.
  8. 048Run formatting, linting, tests, and build16 minPlanned
    Understand

    Collect independent evidence that the change is healthy.

    Try it

    Produce a short verification report.

    Common mistake

    Treating the agent's done message as evidence.

    Detailed lesson page publishing in progress.
  9. 049Meaningful commits and pull requests16 minPlanned
    Understand

    Package work so another person can understand and review it.

    Try it

    Create a focused commit and beginner-friendly pull request.

    Common mistake

    One huge final changes commit.

    Detailed lesson page publishing in progress.
  10. 050Revert, recover, and hand off safely20 minPlanned
    Understand

    Undo a bad change without destroying unrelated work.

    Try it

    Revert a demo commit and write a recovery note.

    Common mistake

    Manually deleting code to undo history.

    Detailed lesson page publishing in progress.
Level 6Build Clear, Accessible Interfaces With AIUse AI to help create polished interfaces without sacrificing meaning, usability, or speed.10 lessons
  1. 051Semantic page structure15 minPlanned
    Understand

    Build with meaningful regions and elements.

    Try it

    Create an accessible landing-page skeleton.

    Common mistake

    Building every element with generic containers.

    Detailed lesson page publishing in progress.
  2. 052Layout, spacing, type, and visual hierarchy18 minPlanned
    Understand

    Turn a design direction into consistent rules.

    Try it

    Create a small style-token sheet.

    Common mistake

    Random colours and one-off spacing.

    Detailed lesson page publishing in progress.
  3. 053Components, props, state, and reuse18 minPlanned
    Understand

    Recognize reusable interface pieces and their data.

    Try it

    Build one reusable lesson card.

    Common mistake

    Copying the same UI repeatedly.

    Detailed lesson page publishing in progress.
  4. 054Responsive design18 minPlanned
    Understand

    Make one interface work on phone, tablet, and desktop.

    Try it

    Verify three useful viewport sizes.

    Common mistake

    Testing only one laptop width.

    Detailed lesson page publishing in progress.
  5. 055Keyboard, labels, contrast, focus, and screen readers20 minPlanned
    Understand

    Include accessibility in the definition of done.

    Try it

    Complete a manual accessibility checklist.

    Common mistake

    Assuming attractive means accessible.

    Detailed lesson page publishing in progress.
  6. 056Forms and client-side validation18 minPlanned
    Understand

    Help users enter valid data and recover from errors.

    Try it

    Build a usable signup form with clear messages.

    Common mistake

    Validation only after submission fails.

    Detailed lesson page publishing in progress.
  7. 057Loading, empty, error, success, and disabled states18 minPlanned
    Understand

    Design the full life of a feature, not just ideal data.

    Try it

    Create a complete state gallery.

    Common mistake

    Designing only the full-data state.

    Detailed lesson page publishing in progress.
  8. 058Screenshot-driven iteration16 minPlanned
    Understand

    Compare reference, current output, and intended correction visibly.

    Try it

    Create a before, reference, and after review.

    Common mistake

    Asking for pixel perfect without visual evidence.

    Detailed lesson page publishing in progress.
  9. 059Images, fonts, performance, and layout stability18 minPlanned
    Understand

    Keep a premium interface fast and stable.

    Try it

    Optimise a page and record before-and-after evidence.

    Common mistake

    Adding a heavy library for a tiny effect.

    Detailed lesson page publishing in progress.
  10. 060UI capstone: a premium course page35 minPlanned
    Understand

    Combine clarity, responsiveness, accessibility, and restrained polish.

    Try it

    Ship and verify a complete learning page.

    Common mistake

    Accepting decorative complexity over readability.

    Detailed lesson page publishing in progress.
Level 7Full-Stack Apps, APIs, Databases, and AuthenticationBuild beyond the screen while protecting data and keeping contracts understandable.10 lessons
  1. 061Client, server, HTTP, and JSON16 minPlanned
    Understand

    Trace a browser request into server logic and back.

    Try it

    Draw and inspect one API request.

    Common mistake

    Putting private server logic in the browser.

    Detailed lesson page publishing in progress.
  2. 062API routes and contracts18 minPlanned
    Understand

    Create predictable validated endpoints.

    Try it

    Build a small endpoint with one fixed response shape.

    Common mistake

    Returning arbitrary shapes from each response.

    Detailed lesson page publishing in progress.
  3. 063Tables, IDs, relationships, and constraints18 minPlanned
    Understand

    Model stored information without one giant table.

    Try it

    Sketch a small relational schema.

    Common mistake

    Storing everything in one table.

    Detailed lesson page publishing in progress.
  4. 064Migrations, seed data, and environments18 minPlanned
    Understand

    Make database changes repeatable across machines and deployments.

    Try it

    Create and rehearse one migration.

    Common mistake

    Manually editing production tables.

    Detailed lesson page publishing in progress.
  5. 065CRUD with ownership rules20 minPlanned
    Understand

    Create, read, update, and delete only the right user's records.

    Try it

    Build a personal notes feature.

    Common mistake

    Trusting an owner ID sent by the user.

    Detailed lesson page publishing in progress.
  6. 066Authentication versus authorization18 minPlanned
    Understand

    Separate proving identity from permission to act.

    Try it

    Protect a server-side action after login.

    Common mistake

    Hiding a button and calling it security.

    Detailed lesson page publishing in progress.
  7. 067Row-level and server-side permission checks20 minPlanned
    Understand

    Enforce ownership close to the data and at sensitive actions.

    Try it

    Write policies for users to access only their records.

    Common mistake

    Exposing every authenticated user's data.

    Detailed lesson page publishing in progress.
  8. 068Public configuration versus secrets16 minPlanned
    Understand

    Know which values may reach the browser.

    Try it

    Create a correct environment-variable map.

    Common mistake

    Shipping a service or admin key to the frontend.

    Detailed lesson page publishing in progress.
  9. 069Emails, payments, third-party APIs, and webhooks22 minPlanned
    Understand

    Verify external events and keep integrations idempotent.

    Try it

    Validate a signed mock webhook.

    Common mistake

    Trusting incoming webhook data.

    Detailed lesson page publishing in progress.
  10. 070Validation, errors, retries, idempotency, and rate limits22 minPlanned
    Understand

    Make important operations safe under failure and repetition.

    Try it

    Design a resilient API operation.

    Common mistake

    Retrying a payment and charging twice.

    Detailed lesson page publishing in progress.
Level 8Debug, Test, and Review AI-Written CodeReplace random edits with repeatable evidence, useful tests, and adversarial review.10 lessons
  1. 071Read error messages without panic14 minPlanned
    Understand

    Translate the error, location, and context into plain language.

    Try it

    Explain one stack trace before changing code.

    Common mistake

    Pasting only it doesn't work.

    Detailed lesson page publishing in progress.
  2. 072Reproduce the problem consistently15 minPlanned
    Understand

    Create exact steps that make a bug appear.

    Try it

    Write a minimal reproduction checklist.

    Common mistake

    Fixing a bug that cannot be reproduced.

    Detailed lesson page publishing in progress.
  3. 073Browser DevTools: console, elements, storage, and network18 minPlanned
    Understand

    Collect browser-side evidence instead of asking AI to guess.

    Try it

    Capture and explain one failed request.

    Common mistake

    Ignoring the browser's actual error.

    Detailed lesson page publishing in progress.
  4. 074Server logs and stack traces18 minPlanned
    Understand

    Follow a failure through useful server frames.

    Try it

    Trace a sample error to its root cause.

    Common mistake

    Fixing only the final error line.

    Detailed lesson page publishing in progress.
  5. 075Hypothesis-driven debugging18 minPlanned
    Understand

    Run small experiments that can prove an idea wrong.

    Try it

    Keep a short hypothesis and result log.

    Common mistake

    Randomly changing many files.

    Detailed lesson page publishing in progress.
  6. 076Unit tests for small logic18 minPlanned
    Understand

    Test observable behaviour around focused functions.

    Try it

    Write edge-case tests for one utility.

    Common mistake

    Tests that only repeat the implementation.

    Detailed lesson page publishing in progress.
  7. 077Integration tests across boundaries20 minPlanned
    Understand

    Verify important parts work together.

    Try it

    Test one API and database flow.

    Common mistake

    Mocking every meaningful dependency.

    Detailed lesson page publishing in progress.
  8. 078End-to-end and accessibility tests22 minPlanned
    Understand

    Test a real user journey and important accessible behaviour.

    Try it

    Automate one browser journey and manually verify keyboard use.

    Common mistake

    Testing internal selectors instead of user-visible behaviour.

    Detailed lesson page publishing in progress.
  9. 079Continuous integration18 minPlanned
    Understand

    Run checks automatically for every proposed change.

    Try it

    Create or inspect a GitHub Actions quality check.

    Common mistake

    Running tests only on one laptop.

    Detailed lesson page publishing in progress.
  10. 080Regression review and adversarial cases22 minPlanned
    Understand

    Make a fix fail before it passes and challenge the happy path.

    Try it

    Add a failing-then-passing regression test.

    Common mistake

    Fixing the symptom without preventing its return.

    Detailed lesson page publishing in progress.
Level 9Security, Privacy, Secrets, and Supply ChainsLearn the failures that polished AI-generated apps often hide until real users arrive.10 lessons
  1. 081Threat modelling and data classification18 minPlanned
    Understand

    Name valuable assets, likely attackers, entry points, and impact.

    Try it

    Create a compact threat map.

    Common mistake

    Protecting all data as if it has equal risk.

    Detailed lesson page publishing in progress.
  2. 082Secrets, .env files, scanning, and rotation20 minPlanned
    Understand

    Keep credentials out of code and respond correctly to leaks.

    Try it

    Remove and rotate a deliberately leaked demo key.

    Common mistake

    Deleting the secret only from the latest commit.

    Detailed lesson page publishing in progress.
  3. 083Dependencies, lockfiles, provenance, and audits20 minPlanned
    Understand

    Review the code your project imports and its origin.

    Try it

    Produce a dependency review report.

    Common mistake

    Installing a package because AI named it.

    Detailed lesson page publishing in progress.
  4. 084Input validation and injection20 minPlanned
    Understand

    Reject unexpected data at a trusted server boundary.

    Try it

    Add schema validation to one endpoint.

    Common mistake

    Trusting input because it came from your own UI.

    Detailed lesson page publishing in progress.
  5. 085Output encoding and cross-site scripting20 minPlanned
    Understand

    Render user and AI output without turning it into executable page code.

    Try it

    Repair an unsafe rendering example.

    Common mistake

    Rendering generated HTML directly.

    Detailed lesson page publishing in progress.
  6. 086Object and function-level authorization22 minPlanned
    Understand

    Check permission for the exact resource and action.

    Try it

    Attempt and block cross-user record access.

    Common mistake

    Checking login without checking ownership.

    Detailed lesson page publishing in progress.
  7. 087Sessions, cookies, CSRF, and logout22 minPlanned
    Understand

    Understand how a signed-in state is protected and ended.

    Try it

    Complete a secure-session checklist.

    Common mistake

    Storing sensitive tokens carelessly.

    Detailed lesson page publishing in progress.
  8. 088File uploads, URLs, SSRF, and storage policies22 minPlanned
    Understand

    Restrict what the server accepts, fetches, and stores.

    Try it

    Design a limited upload flow.

    Common mistake

    Letting users make the server fetch any URL.

    Detailed lesson page publishing in progress.
  9. 089Rate limits, quotas, abuse, and bill protection18 minPlanned
    Understand

    Prevent unlimited public use of costly actions.

    Try it

    Define per-user limits and a spend alert.

    Common mistake

    An unlimited public AI or API endpoint.

    Detailed lesson page publishing in progress.
  10. 090Privacy-safe logs, backups, deletion, and incidents22 minPlanned
    Understand

    Collect useful evidence without storing secrets or unnecessary personal data.

    Try it

    Redact logs and rehearse a small restore.

    Common mistake

    Logging tokens, passwords, or complete personal records.

    Detailed lesson page publishing in progress.
Level 10Agents, Tools, MCP, and AI-Specific SecurityConnect AI to tools without confusing convenience, capability, and trust.10 lessons
  1. 091Tool, function call, agent, skill, plugin, and MCP server16 minPlanned
    Understand

    Understand each layer in an agent system.

    Try it

    Create a correct architecture diagram.

    Common mistake

    Treating MCP as another AI model.

    Detailed lesson page publishing in progress.
  2. 092Inspect tool ownership, code, permissions, and data paths20 minPlanned
    Understand

    Evaluate a connector before installing or authorizing it.

    Try it

    Complete an MCP trust checklist.

    Common mistake

    Installing a server from a random command.

    Detailed lesson page publishing in progress.
  3. 093Least privilege and short-lived credentials20 minPlanned
    Understand

    Give tools only the exact access and time they need.

    Try it

    Design a read-only scoped integration.

    Common mistake

    Giving an agent administrator access.

    Detailed lesson page publishing in progress.
  4. 094Sandboxes and separation18 minPlanned
    Understand

    Run untrusted or experimental work away from personal and production systems.

    Try it

    Map an isolated test environment.

    Common mistake

    Running unknown code on the main machine.

    Detailed lesson page publishing in progress.
  5. 095Direct and indirect prompt injection22 minPlanned
    Understand

    Recognize malicious instructions in user input and retrieved content.

    Try it

    Investigate a malicious webpage simulation.

    Common mistake

    Believing a system prompt completely solves injection.

    Detailed lesson page publishing in progress.
  6. 096Insecure model output20 minPlanned
    Understand

    Treat every model response as untrusted data.

    Try it

    Validate and sanitize structured model output.

    Common mistake

    Executing model output as trusted code.

    Detailed lesson page publishing in progress.
  7. 097Excessive agency and cost runaway20 minPlanned
    Understand

    Limit actions, time, turns, money, and reachable systems.

    Try it

    Create an autonomy budget.

    Common mistake

    Letting an agent decide and execute everything.

    Detailed lesson page publishing in progress.
  8. 098Human approval for destructive or external actions20 minPlanned
    Understand

    Require exact-target review before email, delete, payment, or publish actions.

    Try it

    Design an approval gate.

    Common mistake

    Approving a batch without seeing exact targets.

    Detailed lesson page publishing in progress.
  9. 099Untrusted repos, docs, descriptions, and exfiltration22 minPlanned
    Understand

    Separate project data from instructions embedded inside that data.

    Try it

    Resolve an instruction-conflict exercise.

    Common mistake

    Following hidden instructions in retrieved content.

    Detailed lesson page publishing in progress.
  10. 100Audit logs, adversarial tests, kill switches, and response24 minPlanned
    Understand

    Observe agent actions and stop them safely.

    Try it

    Create a red-team report and emergency stop plan.

    Common mistake

    Deploying autonomy without action-level visibility.

    Detailed lesson page publishing in progress.
Level 11Put AI Features Inside Real ApplicationsBuild useful model-powered features with boundaries, validation, evaluation, and cost control.10 lessons
  1. 101Make a first server-side model API call20 minPlanned
    Understand

    Call a model without exposing the secret to the browser.

    Try it

    Build a small protected API route.

    Common mistake

    Calling a paid model directly from frontend code.

    Detailed lesson page publishing in progress.
  2. 102System, developer, user, and data boundaries18 minPlanned
    Understand

    Keep authority and untrusted content visibly separated.

    Try it

    Create a role-separated prompt structure.

    Common mistake

    Mixing retrieved data with high-authority instructions.

    Detailed lesson page publishing in progress.
  3. 103Structured outputs and schema validation20 minPlanned
    Understand

    Request predictable data and still validate it in your application.

    Try it

    Parse a typed JSON result.

    Common mistake

    Parsing free-form prose with fragile string rules.

    Detailed lesson page publishing in progress.
  4. 104Function calling and deterministic tools22 minPlanned
    Understand

    Let a model choose a tool while your code controls execution.

    Try it

    Build a safe calculator-style tool.

    Common mistake

    Letting the model invent tool arguments.

    Detailed lesson page publishing in progress.
  5. 105Streaming, cancellation, timeouts, retries, and error UI22 minPlanned
    Understand

    Keep long model calls responsive and bounded.

    Try it

    Create a stream with cancel and failure states.

    Common mistake

    Infinite loaders and unsafe automatic retries.

    Detailed lesson page publishing in progress.
  6. 106Retrieval, embeddings, chunking, citations, and freshness24 minPlanned
    Understand

    Ground an answer in selected sources and expose those sources.

    Try it

    Build a small cited document assistant.

    Common mistake

    Calling retrieval a guarantee of truth.

    Detailed lesson page publishing in progress.
  7. 107Conversation state, memory, deletion, and consent22 minPlanned
    Understand

    Store only useful context with user control.

    Try it

    Design memory and delete settings.

    Common mistake

    Saving complete chats forever by default.

    Detailed lesson page publishing in progress.
  8. 108Moderation, policy checks, guardrails, and escalation22 minPlanned
    Understand

    Combine several safety controls and a human path.

    Try it

    Draw an input-and-output safety pipeline.

    Common mistake

    Treating one filter as complete safety.

    Detailed lesson page publishing in progress.
  9. 109Success criteria, evaluation data, and edge cases24 minPlanned
    Understand

    Measure model behaviour on a repeatable set of cases.

    Try it

    Create a twenty-case feature evaluation.

    Common mistake

    Judging quality from one demo prompt.

    Detailed lesson page publishing in progress.
  10. 110Token budgets, caching, routing, fallback, and alerts24 minPlanned
    Understand

    Control quality, latency, availability, and cost over time.

    Try it

    Design a cost-aware model router.

    Common mistake

    Always using the most expensive model.

    Detailed lesson page publishing in progress.
Level 12Deploy, Monitor, Maintain, and Prove the ProductShip with evidence, observe reality, recover safely, and maintain the product after launch.10 lessons
  1. 111Development, preview, staging, and production16 minPlanned
    Understand

    Give each environment a clear job and risk level.

    Try it

    Create an environment map.

    Common mistake

    Testing experimental code on real users.

    Detailed lesson page publishing in progress.
  2. 112Environment-specific variables and secret rotation18 minPlanned
    Understand

    Use separate credentials and settings across environments.

    Try it

    Build a development, preview, and production variable matrix.

    Common mistake

    Reusing one credential everywhere.

    Detailed lesson page publishing in progress.
  3. 113Preview deployment and stakeholder review18 minPlanned
    Understand

    Share a realistic build before production promotion.

    Try it

    Publish and inspect a preview URL.

    Common mistake

    Sending the first successful build directly to production.

    Detailed lesson page publishing in progress.
  4. 114CI/CD quality gates20 minPlanned
    Understand

    Require lint, test, and build checks before deployment.

    Try it

    Create a release gate checklist.

    Common mistake

    Deploying despite failed checks.

    Detailed lesson page publishing in progress.
  5. 115Database migrations, backups, rollback, and recovery24 minPlanned
    Understand

    Prepare for code and data changes to fail.

    Try it

    Rehearse a restore and rollback.

    Common mistake

    Assuming hosting automatically equals a database backup.

    Detailed lesson page publishing in progress.
  6. 116Logs, errors, performance, availability, and cost22 minPlanned
    Understand

    Observe how the production system behaves for users and the business.

    Try it

    Create a small monitoring dashboard plan.

    Common mistake

    Discovering failures only from users.

    Detailed lesson page publishing in progress.
  7. 117Cross-browser, responsive, accessibility, and speed checks24 minPlanned
    Understand

    Collect release evidence across devices and user needs.

    Try it

    Complete a release evidence pack.

    Common mistake

    Checking only the developer's browser.

    Detailed lesson page publishing in progress.
  8. 118Incidents, updates, model drift, and deprecation24 minPlanned
    Understand

    Respond to failures and changing dependencies after launch.

    Try it

    Run a simulated incident and model migration.

    Common mistake

    Treating launch as the end of engineering.

    Detailed lesson page publishing in progress.
  9. 119Capstone planning and security review35 minPlanned
    Understand

    Combine requirements, architecture, threats, tests, and rollback before the final build.

    Try it

    Produce an approved capstone plan.

    Common mistake

    Starting the final product from one huge prompt.

    Detailed lesson page publishing in progress.
  10. 120Capstone launch and postmortem45 minPlanned
    Understand

    Ship a product with evidence, limits, and honest next steps.

    Try it

    Publish the app, repository, verification report, and postmortem.

    Common mistake

    Presenting a working demo as production-ready software.

    Detailed lesson page publishing in progress.

Keep free learning visible

Learned something? Star the repo.

A GitHub star is a tiny thank-you that helps the next vibe coder discover these free lessons.

  • Free to learn
  • Open source
  • Built with learners
Open GitHub & starOn GitHub, tap Star near the top-right.