Phase 3 · Claude Code core
Day 7 · Web, Planning, and Your First Real Files
Day 7

Web, Planning, and Your First Real Files

~60 min

Goal — Use Claude Code's built-in web abilities, try planning before building, and create your first real files — with understanding.

By the end — A real index.html that Claude built and you understand line by line, committed to git.

1Let Claude search the web

Claude Code has web search built in. Ask it to look something up and it reports back — no extra setup, no browser.

Paste into Claude Code
Search the web for what a favicon is and summarize it.

2Let Claude read a specific page

Claude can also fetch a single page directly. Between search and fetch, it can research on its own.

Paste into Claude Code
Read the page at example.com and tell me what is on it.

3Try planning before building

Ask Claude to propose an approach first, so you can steer before any code exists. You review, adjust, then let it proceed. This is a light taste of plan mode, which you use fully in Phase 9.

Paste into Claude Code
Plan out a simple home page for this site before writing anything.

4Build your first real file

Now let Claude write it. Approve the change when it asks — your empty index.html gets real content.

Paste into Claude Code
Create a simple, clean index.html for this practice site with a heading and a short paragraph.

5Understand what it built

The guided habit in full: have Claude walk you through the file. You now understand your own index.html, even though you did not type it.

Paste into Claude Code
Walk me through the index.html you just wrote, line by line, in plain terms.

6Save the snapshot

Leave Claude Code so you are back at your normal terminal prompt.

Run in the terminal
/exit

Then commit your first Claude-built work into your history and push it.

Run in the terminal
git add . && git commit -m "Add home page content" && git push
Note

Native web first. Claude Code can search the web and read pages on its own, with no extra tools. In Phase 6 you add Playwright to drive a full browser, but that is only for special cases like testing your own site. For looking things up, these built-in abilities are the default.

Recap — You used Claude's built-in web search and reading, planned before building, and shipped your first real page — one you understand and have committed.

Day 6Day 8