โ† All Courses
โญ Lesson 3 of 5 ยท Samarah's Course

๐Ÿ—๏ธโœจ Let's Build Something Real!

Today is the BIGGEST day so far โ€” you're going to create your very own webpage using Claude! ๐ŸŽ‰

Your Quest Progress
3/5 ๐Ÿ—บ๏ธ
๐ŸŒŸ

Today you become a CREATOR!

Up until now you've been learning the words of vibe coding. Today you're going to actually DO IT โ€” for real! You're going to talk to Claude and ask it to build a webpage just for you. It's going to feel like magic! โœจ

๐ŸŒ Webpage
A page on the internet โ€” like a mini website all about YOU! People can open it in their browser and see it.
๐Ÿ—๏ธ Build
When Claude writes all the code to make something real on the internet. You describe it, Claude builds it!
๐Ÿ“‹

Here's Your Mission โ€” Step by Step!

1
Open Claude ๐ŸŸฃ

Go to claude.ai in your browser. Sign in (ask a grown-up to help if needed!). You'll see a chat box โ€” just like texting!

2
Copy this Magic Prompt โœจ

Type (or copy and paste) this prompt into Claude. Change the parts with YOUR info!

3
Watch the Magic Happen! ๐Ÿช„

Claude will write a whole webpage for you in seconds. You'll see lots of code โ€” that's totally normal!

4
Click "Preview" ๐Ÿ‘€

In Claude, look for a little preview window on the right side. You'll see your actual webpage! If you want to change something, just tell Claude!

๐Ÿ’ฌ

Your Magic Prompt โ€” Copy This!

This is the prompt you'll send to Claude. Fill in the [brackets] with your own info:

๐Ÿช„ Your Prompt for Claude:
"Build me a fun personal webpage about me! My name is [Samarah]. I am [10] years old. My favorite color is [your favorite color]. I love [your hobbies]. My favorite animal is [your favorite animal]. Make it colorful, fun, and add some emojis. Use big fonts and make it look magical!"

Change anything you want! The more YOU put in, the more it'll feel like yours. ๐ŸŒŸ

๐ŸŽ‰ Tell Me What You Built!

After you try it in Claude, come back here and tell me โ€” what did your webpage look like? What colors did Claude use? Did anything surprise you?

๐ŸŽฎ Quick Quiz!

When Claude writes a webpage for you, what is it actually writing?

๐Ÿ† What You Did Today

๐Ÿ—๏ธYou learned how to ask Claude to build a real webpage using a prompt.
๐Ÿช„Claude writes special computer code called HTML that makes websites.
๐Ÿ”„You can keep improving your page by telling Claude what to change โ€” that's iterating!
๐Ÿ’ฐPeople actually pay money for someone to build webpages for them โ€” and now YOU can do it too!

Coming up in Lesson 4... ๐Ÿ‘€

๐Ÿ’ก Your Very First Business Idea!

We'll think of a real way you could use vibe coding to earn your very first dollar! ๐Ÿ’ฐ

๐Ÿง™
Sparky โ€” Your AI Tutor โœจ
Powered by Claude ยท Responds just for you

Tell me what your webpage looked like! What did Claude build for you?