✕ Close
← Set up the project

Level 10 · Lesson 80: Build round 1

Build round 2 →
INTRODUCTION
Build round 1
A small first version that works.
press Enter ↵
Coding agent (pretend: scripted, not a real AI)

The agent waits for your prompt.

📁 Documents\my-site

No files yet.

Lesson 80: Build round 1

Level 10, Build Your Own Thing. A first version that works, then a save point. The new word: first version. It follows lesson 79, Set up the project. Next comes lesson 81, Build round 2.

What the lesson explains

Build round 1. A small first version that works.

It works? Save it.. A save point after each step that works. test it; add it; commit it.

What you do first

Ask for it. Ask for index.html with a title and three cat facts. One clear prompt: "In cat-facts, make index.html with the title Cat Facts and a list of three cat facts. Done when I can see it. Do not add other files."

The files on the practice computer

This lesson works in one folder. At the start, Documents\cat-facts holds README.md.

Along the way you save index.html in Documents\cat-facts, type git add . and type git commit -m "First version". Lesson 81 opens with the files just as you leave them.

What you practise

Challenge, "Ask for it": Ask for index.html with a title and three cat facts. One clear prompt: "In cat-facts, make index.html with the title Cat Facts and a list of three cat facts. Done when I can see it. Do not add other files."

Try it, "Read, then allow": The pretend agent says: "Here is your first version: index.html. May I make it?" It asks to change index.html. The right answer is Allow: it does what you asked, and nothing more (It is what you asked for. The small typo (ours) gets fixed in the polish round, so allow it.).

Your turn, "Add a fact yourself": Add a fourth cat fact to the list. One way: write in index.html: <li>Kittens are born with blue eyes.</li>. Then press Show page to see it.

Try it, "Save point": Save the first version in a save point. Starting at PS C:\Users\you\Documents\cat-facts>, one way takes 2 commands: git add .; git commit -m "First version" (par: 2).

What PlayBuddy and PlayType say

PlayType: "Round one! Ask the agent for one small piece, then check it."

PlayBuddy: "It works? Save it with a commit before the next step."

Help in every lesson

Everything happens on a pretend computer in your browser, so nothing touches your real files. PlayBuddy and PlayType stand beside the board, cheer you on and say when it is your turn.

A green ring shows where to click the first time. After that you do it on your own, and if you slip twice the ring comes back.

Stars

The lesson has 4 things to do. Up to one slip in ten gives three stars, up to one in four gives two, and finishing always gives at least one. Stars and progress are saved in this browser only; there is no account.

About DayOneCode

DayOneCode is an independent learning site, not affiliated with or endorsed by Anthropic. Claude and Claude Code are trademarks of Anthropic.