Building in the AI Age
A vocabulary/orientation module for shipping whole apps — the anatomy of an app, TypeScript, going from a repo to a live URL, and directing AI coding tools. (Frontend and backend literacy now live in Modules 08 & 09.)
- chapters
- 6
- objectives
- 35
- core
- 27
- est. time
- 2h 42m
- 01 7.1 Anatomy of a modern app ★ core
Every web app is the same handful of parts — client, server, API, database, and the pipe from your repo to a live URL. Learn the map once and every framework slots into it.
- 02 7.2 TypeScript, just enough ★ core
The whole stack is TypeScript. Learn what static types are, the bugs they catch before you run the code, and how they make both you and the AI faster.
- 03 7.3 From code to a live URL ★ core
How localhost becomes a real website — git/GitHub, a host, a domain, DNS, HTTPS, production env vars, and preview deploys. (Module 6 is the interview-depth version.)
- 04 7.4 The AI coding toolbox ★ core
A taxonomy of AI coding tools — autocomplete, chat, terminal agent, AI IDE, app-builder — so you reach for the right one, plus a non-stale way to think about model tiers.
- 05 7.5 Working with AI agents ★ core
The workflow and vocabulary for getting good output from a coding agent — context, prompting, plan-then-code, the edit-test-review loop, and the safety rails.
- 06 7.6 Building AI features into your app ★ core
Putting AI inside the product, not just using it to write code — calling an LLM API, prompts-as-code, structured output, and the embeddings → vector store → RAG pipeline.
Section assessment
Harder, multi-concept questions drawn from across the module. Aim for 75%.
- 01medium
Code that must keep a secret (e.g. a payment key) should run…
- 02medium
Why do types make an AI assistant more accurate?
- 03medium
A signature like total(o: Order): number is best described as…
- 04medium
A preview deploy is…
- 05medium
For a hands-off task that spans many files in a repo (edit, run, test, loop), reach for…
- 06medium
The most capable model is always the right choice for every task.
- 07medium
The “context window” is…
- 08medium
A strong task prompt for an agent includes… (select all)
- 09medium
RAG (Retrieval-Augmented Generation) works by…
- 10medium
To get a behavior from an LLM, which should you try FIRST?
- 11medium
Prompt injection is…
- 12easy
How should the frontend get data out of the database?