01 / 20
01
🚀
Sundays · 1 hour · Dad teaches

Claude Code
/Sundays

Gael & Ivan, learning to build the things only they would want.

// Cohort
🧒 Gael · 9
// Cohort
👦 Ivan · 16
// Week
01
↓ Scroll
02
💬
// The big idea

You tell it what to build.
It writes the code.

Claude Code is an app that builds websites and apps for you. You talk to it in plain English — like texting a friend who happens to be a really fast coder — and it builds whatever you ask.

🗣️  // You say "Make a website with 4 buttons. Each one plays a different fart noise when I click it. Black background, big red buttons."
⚡  // It does Creates a folder, writes the HTML, writes the CSS, wires up the JavaScript, finds 4 fart sounds, and opens the page in your browser. About 30 seconds.
03
👑
// Who does what

You're the boss.
It's the worker.

Claude Code can write code faster than anyone on Earth. But it doesn't know what you want. That's your job.

🧠
// You

Decide what to build

Pick the idea. The weirder and more "yours," the better. Nobody else can do this part.

🤖
// Claude

Writes the code

Like having a really good coder who never gets tired and never says "that's a dumb idea."

👀
// You again

Test it yourself

Open the page. Click around. Tell it what's wrong. Don't trust "it works" — go check.

04
🛡️
// Three rules. Always.

Don't skip these.
Ever.

01
🔒

Don't type real personal info into Claude

No home address, no phone numbers, no passwords, no school logins, no real credit card numbers. If you need fake test data, ask Dad and we'll make it up together.

02
🚨

If something feels weird, tell Dad right away

If a website you built shows something scary, if Claude asks you to do something that feels off, or you just have a bad feeling — come find me. No project is more important than that.

03
👨‍👦

Show family first before sharing anywhere

The things you build are yours. Don't post them on YouTube, Discord, TikTok, Reddit, or send them to strangers. Show your family first, and we'll decide together if and how to share.

05
// Your toolkit

One app.
That's it.

For most of the work, just one tool: the Claude Code app. You open it, you type, it builds. We'll touch Terminal once in a minute to set up your Sites folder — then it's all Claude from there.

CC
// THE only tool

Claude Code

Open it. Type what you want to build. Watch it build. That's the whole interface.

// Plan
Pro · $20/mo
// Gael's seat
iMac 🖥️
// Ivan's seat
MacBook 💻
💸
Your subscription is your subscription. Each of you has your own $20/month Claude Code Pro plan. Use it like crazy — that's what it's for.

// Tiny bit of Terminal next slide. VS Code + GitHub come in later weeks.

06
⌨️
// Meet Terminal · first time

Open the Terminal

Terminal is a window where you can type instructions to your computer. It's just an app — like Safari or Mail. Nothing scary.

// How to open it
01

Hold Cmd, press Space

That opens Spotlight, the little search bar in the middle of your screen.

02

Type "Terminal"

Spotlight finds the app instantly.

03

Hit Enter

Terminal opens. You'll see a window with a blinking cursor.

⌨️  Terminal — gael@iMac ~
# this is what it looks like when it opens
$
The $ is just saying "ready for you to type."
🧘
Don't panic. The black-and-text window looks like hacker movies. It isn't. We only need 3 commands today, and we'll go one at a time.
07
👀
// Command 1 of 3

Type ls and hit Enter

"ls" means list stuff. It shows you everything inside the folder you're standing in right now. Try it.

⌨️  Terminal — gael@iMac ~
$ ls
Applications  Desktop  Documents
Downloads  Movies  Music
Pictures  Public
$
ls
Short for "list"
Lists every folder and file in the place where you're standing.

When you first open Terminal, you're standing in your home folder. ls shows the same stuff you'd see if you opened Finder and clicked your name.

🎯
Try it now: type ls and hit Enter. Read what shows up out loud.
08
📁
// Command 2 of 3

Type mkdir Sites

"mkdir" means make directory. "Directory" is a fancy word for folder. So this command makes a brand new folder called Sites.

⌨️  Terminal — gael@iMac ~
$ mkdir Sites
# nothing happens? that's how Terminal says "OK, done."
$ ls
Applications  Desktop  Documents
Downloads  Movies  Music
Pictures  Public  Sites ← new!
$
mkdir Sites
Make a folder called Sites
"mkdir" = make directory. "Sites" is what we're naming the new folder.
🤫
Quiet success. Most commands don't print anything when they work. No news = good news. Run ls after to confirm Sites is there.
09
🚪
// Command 3 of 3

Type cd Sites to step inside

"cd" means change directory. It's like walking into a folder. Once you're inside, everything you do happens in there.

⌨️  Terminal — gael@iMac ~/Sites
$ cd Sites
$ ls
# empty — we just made it, so nothing's inside yet
$
Look at the title bar ↑
It now says ~/Sites — you're inside.
🔍  Finder — Sites
Favorites
🖥️  iMac
🏠  gael
📁  Desktop
📁  Documents
📁  Sites
📁
Sites
// Empty · 0 items
Same folder. Two views. Terminal & Finder are just different ways to look at the exact same thing.
🤯
Mind-blower: a folder is a folder. Whether you see it in Terminal (text) or Finder (icons), it's the same place on your hard drive.
10
🤝
// Terminal homework: done

Hand the keys
to Claude

Your Sites folder exists. You won't open Terminal again for a while. Time to open Claude Code and tell it where to work.

Claude Code — say this
// You type:

"From now on, always work in my Sites folder in my home directory. Save every project we build inside there. Never make new projects anywhere else."

// What this does

Claude remembers

From this point on, every time Claude makes a project, it knows to put it inside ~/Sites/. You won't have to say it again.

👋
// What's next

Bye, Terminal

Quit Terminal. Open Claude Code. From now on, almost everything we build happens inside the Claude Code app.

11
📁
// Your stuff

Each project gets
its own folder

You each have your own computer with its own Sites folder. Every project Claude builds gets a fresh folder inside. Tidy beats messy.

🖥️
// Gael · iMac

Gael's Sites

Sites/
  ├─ all-about-me/  ⭐
  └─ clicker-game/
💻
// Ivan · MacBook

Ivan's Sites

Sites/
  ├─ homework-tracker/  ⭐
  └─ snake-game/
🪄
How to make one: just tell Claude Code "Make a new project called all-about-me in my Sites folder." It creates the folder, sets up the files, and tells you where everything is.
12
🗯️
// The skill

How to talk to Claude

More detail = better result. Describe what you want like you'd describe it to a friend who can't see what's in your head.

😐  // Vague — you'll be unhappy
"make me a game"

It will make a game. Probably not the one you want.

🤩  // Specific — you'll be happy
"Make a clicker game. The button is a giant Pikachu. Every click adds 1 to a counter. After 50 clicks, the Pikachu turns into a Raichu. Yellow background."

It builds exactly what you imagined.

💡
Tip: if it builds the wrong thing, that means you didn't describe it enough. Don't get mad — add more detail and ask again. "Same thing, but bigger buttons and make the counter green."
13
🧭
// Two ways to work

Plan first
or just build?

Claude Code has two speeds. Knowing when to use each saves you from disasters AND makes the cool stuff happen faster.

🗺️
// Plan Mode

Plan first, build second

Claude makes a plan, shows it to you, and asks "ready?" before writing any code. You can change the plan. Best when the project is big or you're not 100% sure what you want.

⇧ Tab to turn it on

🏎️
// Default Mode

Just go

Claude builds straight away. Faster. Best for small changes — "make the button bigger," "change the color to blue," "add another sound effect."

The default. Nothing to enable.

Your $20/mo plan has a usage limit (tokens). Long sessions and giant rewrites burn it faster. If Claude says "you're approaching your limit," stop, save your work, and come back later. It resets.
14
// Pop-ups

Claude will ask permission
for everything

When Claude wants to run a command on your computer, it pops up and asks. Here are the common ones. Green = safe to allow. Red = stop and ask Dad.

✅ // Safe — allow
mkdir  → make a new folder
cd  → go into a folder
ls  → list what's in here
cat  → show me what's in this file
write file  → make or edit a file
npm install  → download a tool
python -m http.server  → open my site at localhost
🚨 // Stop & ask Dad
rm -rf  → DELETE a folder forever
git push  → put my code online
vercel deploy  → publish to the internet
curl http://...  → talk to a server out there
sudo  → "run this as the boss"
chmod / chown  → change who owns a file
anything mentioning API keys, passwords, or .env
🤷
Don't know what a command does? Just ask Claude: "What does this command do? Explain like I'm 9."  That's a totally normal question and the answer will help you decide.
15
📝
// Set up your rules

Tell Claude about you

Put a file called CLAUDE.md in your Sites folder. Claude reads it every time. It's how you tell it "I'm a kid, walk me through stuff."

~/Sites/CLAUDE.md
I'm a kid learning to code with my dad on Sundays. This is for fun and learning, not real work. # How I work - I'm not a developer. Explain things in simple words, not jargon. - Walk me through each step. Don't assume I know technical stuff. - Ask me lots of questions before building so we get what I actually want. - When you give me a link, give the full URL so I can copy it into Chrome. - For big projects, use plan mode first. # Safety - Never ask me for real personal info (name, address, phone, passwords, school login, credit card). If I paste any by accident, stop and warn me. - If I need test data, use made-up stuff (Person A, fake@example.com). - Don't push to GitHub, deploy, or anything that puts my code online. My dad will handle that part in a few weeks. # Projects - Put each new project in its own folder under ~/Sites/. - Folder names: only lowercase letters, numbers, and hyphens. - Every project gets a favicon and blocks search engines (robots.txt). - Always show me the local URL when the project is ready to open.
🪄
How to set it up: open Claude Code and say "Save these rules to my Claude.md file in the Sites folder."  Then paste the text above. Done — it'll remember every session.
16
🌟
// Today, one each

Your first project

🖥️ Gael · iMac
🧑‍🎤

All About Me

Sites/all-about-me/

A page with your name in giant letters, a grid of your favorite things with pictures, and a photo of you.

Why this: you'll see yourself on the screen in 30 minutes. That's the whole point of week 1.
// If you finish early
  • Add a button that changes the background color when you click it
  • Add a counter to your favorite Pokémon card that goes up when you click
💻 Ivan · MacBook
📚

Homework Tracker

Sites/homework-tracker/

A page where you add an assignment (subject, title, due date), group them by due date, check them off when done. Saves automatically so it's still there tomorrow.

Why this: not a toy — a real tool you'll actually open Monday morning. That's the magic of Claude Code.
// If you finish early
  • Color-code by urgency — red today, yellow this week, gray later
  • Add a count at the top: "3 due this week, 1 overdue"
  • Filter: hide done assignments by default, toggle to show
17
🐛
// It will happen

When it gets stuck

Claude makes mistakes. So does every other coder. The trick isn't avoiding mistakes — it's knowing what to do when they happen.

📢
// 01

Read the error out loud

Even if half of it looks like alien language, the part you understand is usually enough to know what went wrong.

🎯
// 02

Tell Claude what happened

"That didn't work. The page is blank." or "The button doesn't do anything when I click it." Be specific.

👁️
// 03

Don't trust "it works"

Claude will sometimes say it's done when it isn't. Open the page yourself and click everything. Trust your eyes.

🆘
// 04

Still stuck? Ask Dad

Some bugs need an adult. No shame — even pro coders ask for help every day. That's the job.

18
💡
// Looking ahead

What should I build next?

When you're picking your next project, run through these questions. The answer usually shows up.

  • 😤What's something that bugs you every day?
  • 🌐What's a website you visit a lot — could you build a worse-but-yours version?
  • 🎮What's the simplest game you can think of? Could you make it?
  • 🔘What's something you wish you had a button for?
  • 🧹What's a chore you'd love to automate?
  • 🪄If a computer could build literally anything for you in 10 minutes, what would you pick?
  • 👥// IvanWhat's a tool your friends would actually use? Build that.
🎯
The best projects come from real annoyances in your real life. Not the cool-sounding thing — the actual thing.
19
🏠
// Today's rule

Local only this week

Today we build on your computer. Nothing online yet. Nothing public. The project lives on the iMac (Gael) or MacBook (Ivan) and stays there.

🏠
// This week

Build & play locally

Open the URL Claude gives you. Click around. Break stuff. Fix it. Show Dad. Show Mom. That's the entire job this week.

🌐
// Next Sunday

GitHub & the real internet

Next week: we'll learn how to put your project on the real internet at a URL you can open on your phone. For today, focus on making something you love.

20
👋
// That's a wrap

See you next
/Sunday.

Same time. Same boys. New project.

📅 Week 02 · GitHub + putting your project online