The agent waits for your prompt.
No files yet.
Lesson 81: Build round 2
Level 10, Build Your Own Thing. Add style, test it, find the bug and fix it. The new word: debug. It follows lesson 80, Build round 1. Next comes lesson 82, Polish and share.
What the lesson explains
Build round 2. Add style, test it, and fix what is wrong.
Test it. The agent says it is done. Is the title teal? show the page; look for the clue; fix one thing.
What you do first
Some style. The pretend agent says: "Done! A yellow page and a teal title, in style.css. May I make it?" It asks to change style.css. The right answer is Allow: it does what you asked, and nothing more.
The files on the practice computer
This lesson works in one folder. At the start, Documents\cat-facts holds index.html, README.md.
Along the way you save style.css in Documents\cat-facts, save index.html in Documents\cat-facts, type git add . and type git commit -m "Add style". Lesson 82 opens with the files just as you leave them.
What you practise
Try it, "Some style": The pretend agent says: "Done! A yellow page and a teal title, in style.css. May I make it?" It asks to change style.css. The right answer is Allow: it does what you asked, and nothing more.
Debug, "Find the bug": Link style.css so the title turns teal. One way: write in index.html: <link rel="stylesheet" href="style.css">. Then press Show page to see it.
Try it, "Save point": Save round 2 in a save point. Starting at PS C:\Users\you\Documents\cat-facts>, one way takes 2 commands: git add .; git commit -m "Add style" (par: 2).
In your head, "Who found it?": How was the bug found? The answer: "I tested the page myself".
What PlayBuddy and PlayType say
PlayBuddy: "Round two! Add some style, one small step at a time."
PlayType: "Something looks wrong? Find the clue, then fix it or tell the agent."
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.