Block 1 · Week 1 · The first interface: building UI
Building UI, start to link
Pages that go together. Read the lesson notes, do the practice set, follow the build guide, tick the list, keep the kit open. An FDE's first deliverable at a customer is usually a working interface in front of a real user; this lesson gets you to one.
01 · Lesson notes
Building UI: Design to Code
From Aarav's Friday status report to four lines of Gradio, by way of a vote that lost.
02 · Practice set
Replay Before You Render
One real user. Ten golden pairs. A chat running on your own machine.
03 · Build guide
Spec First, Then Forty Lines
From a one-page spec to a chat app on localhost, and the shortest road to a shareable link.
04 · Checklist
The Checklist
Six setup ticks, then five deliverables before you start the next lesson. Ticks save on your device.
05 · Beginner kit
First-Time Coder Kit
Every link and command, with one line on what it is for.
06 · Troubleshooting
When it does not run
Search an error; see the cause and the fix.
The roadmap
Back to the roadmap
Where this sits: Block 1, Ship the first system.