CODE BUILDERS Lesson 6 of 6 ← All courses

Station 6 · Launch Pad

Launch Day

This is it! Today you'll check, test and finish your website, give credit honestly and show it off. 3, 2, 1… launch!

1 Warm-up
2 Launch checklist
3 Ready?
4 Credits
5 Launch Board
6 Build Log
7 Certificate
8 Quiz

About 45 minutes. You can stop and come back. Your answers are saved in this browser.

Part 1 · Warm-up

Remember the whole track?

Four quick questions, one from each of the last few lessons.

Part 2 · Learn it

The launch checklist

Before a rocket launches, the crew checks everything, one item at a time. Websites are the same! Here's your checklist:

Every page has the same menu, and every link works.
Every picture has alt text that describes it.
Colors and text are easy to read.
The site works in a narrow (phone-sized) window.
No personal info: no full name, no photos of people, no school, no address.
All code has been Code Checked: nothing from other websites, nothing that asks for info.
There's a Credits section saying what AI helped with.

User testing

You know your site too well to spot every problem. A user test is when someone else tries it while you watch.

HOW TORun a user test

Give your tester a job: "Find the page about my favorite tricks," or "Do the quiz."
Watch quietly. Don't help! If they get stuck, that's useful information, not their fault.
Write down every place they got confused or something didn't work.
Afterwards, ask: "What was the best part? What was confusing?"

Real web designers do this all the time. A problem found by a tester is a problem you can fix!

Give credit honestly

AI helped you build your site, and that's fine. Being honest about it is what matters. A Credits section says what you made and what AI helped with:

<section>
  <h2>Credits</h2>
  <ul>
    <li>I chose the topic, planned the pages and wrote all the text myself.</li>
    <li>I drew the pictures myself.</li>
    <li>AI helped me write the first version of the code. I changed the colors, menu and quiz myself.</li>
    <li>AI explained the JavaScript to me line by line, and I fixed two bugs.</li>
  </ul>
</section>

Byte says

Your website stays on your computer, so it's safe to show your family right there. Even so, keep the privacy rule. One day you might build sites that go online, and good habits start now.

Part 3 · Spot it

Ready to Launch?

Each website below has one problem. Which checklist item does it fail?

Launch inspector! 🚀

Part 4 · Build it

Credits Builder

Write your own Credits section in the playground. Be honest and specific: what did you do, and what did AI help with? Then copy it into your real website.

📄 index.html

Code (type here) Live preview

The playground only runs inside this page. It can't open other websites or change anything on your computer. Your code is saved in this browser, on this device.

Part 5 · Try it for real

Launch Board

Get your real website ready for launch! First go through the checklist on your site. Then do the three launch tasks.

Final review together

Before you show your website to anyone else, go through the checklist with a grown-up. Check every page together, especially the privacy item.

Launch checklist

Every page has the same menu, and every link works.
Every picture has alt text that describes it.
Colors and text are easy to read.
The site works in a narrow (phone-sized) window.
No personal info: no full name, no photos of people, no school, no address.
All code has been Code Checked: nothing from other websites, nothing that asks for info.
There's a Credits section saying what AI helped with.

Launch tasks

🧪 User test

Ask someone at home to use your site. Give them a job, like "find the quiz." Watch quietly and don't help! Write down where they got stuck.

🔧 Fix the top problem

Pick the biggest problem from your user test and fix it. Then test it again.

🎤 Show and tell

Give your family a tour of your website. Tell them one thing you're proud of and one bug you beat.

What did your tester say? What did you fix?

Your ticks and notes are saved right in this browser, on this device. They're never sent anywhere.

Part 6 · Build Log

The last page of your Build Log

One last page! Save the most useful prompt from the whole track, and what you're most proud of.

🛠️ Launch Day

PAGE 6 OF 6

The most useful prompt from the whole track What I'm most proud of

Your Build Log is saved right in this browser, on this device. It's never sent anywhere.

Your finished Build Log

🛠️ My Build Log

Here's how your website grew, lesson by lesson. Print it and keep it with your project!

Part 7 · Certificate

You're a Code Builder!

Type your name to finish your certificate.

Certificate of Completion

Code Builder

has planned, built, styled, tested and launched a multi-page website with HTML, CSS and JavaScript, using AI safely and honestly.

Completed on

This is saved right in this browser, on this device. It's never sent anywhere. You can also print or screenshot it to keep.

Recap

What you just learned

✓ A launch checklist catches problems: links, alt text, readability, phone-ready, privacy, Code Check and credits.
✓ A user test means watching someone use your site without helping, then fixing what confused them.
✓ A Credits section honestly says what you made and what AI helped with.
✓ You planned, built, styled, linked, scripted, debugged and tested a real website. You're a Code Builder!
✓ Keep using your Build Log, your Code Check and your Prompt Pro skills on every project.

Part 8 · Show what you know

Quick Quiz

10 questions, picked at random from a bigger question bank. If you take it again, you'll probably see a different mix. Let's go!

Track complete 🎉

Code Builders: done!

Brilliant work, builder. Head back to see what's coming next.

Back to all courses →