TOFA × ALLIANCE GIRLS ALUMNI

YOUR TERM 3 BUILD JOURNEY

Big ideas.
Built by you.

Go from “what if?” to your first live website. Eight hands-on lessons, one team project, and a whole world of possibilities.

your-next-big-idea /

// every builder starts somewhere

<future
  builder="you"
  possibilities="endless"
/>

FROM FIRST LINE TO FINISH LINEHello, world.
Hello, possibility.

08 hands-on lessons

03 capstone choices

01 website to be proud of

Free tools. Real skills. Your future.

TERM 3 · LEARN IT. BUILD IT. SHARE IT.

Your next chapter starts here.

Follow the lessons in order.
Build your capstone as you go.

LESSON 01 · 10 SLIDES

Your First HTML Page

Turn your capstone idea into a landing page with meaningful structure and content.

Open presentation
LESSON 02 · 12 SLIDES

Bring It to Life with CSS

Explore colour, typography and spacing to give your project a consistent visual identity.

Open presentation
LESSON 03 · 10 SLIDES

Responsive & Accessible

Build flexible layouts that work on phones, desktops and with a keyboard.

Open presentation
LESSON 04 · 12 SLIDES

JavaScript Fundamentals

Work with data, functions, conditions and loops, then practise finding and fixing bugs.

Open presentation
ACTIVITY · 16 SLIDES

Opportunities Club Components

Tour the sample site part by part: landmarks, form, card grid, cards and the JavaScript finder.

Open presentation
ACTIVITY · EXPLAINER

Opportunities Club Explained

Every file, component, CSS section and JavaScript step explained, plus capstone tips and common fixes.

Open explainer
LESSON 05 · 12 SLIDES

Website Interactivity

Connect events to useful actions, from opportunity filters to quiz feedback.

Open presentation
LESSON 06 · 12 SLIDES

APIs & Fetching Data

Bring outside data into your website and handle loading, empty and error states.

Open presentation
LESSON 07 · 12 SLIDES

Git & GitHub

Track your changes, make meaningful commits and collaborate in a shared repository.

Open presentation
LESSON 08 · 12 SLIDES

Deploy & Showcase

Publish with GitHub Pages, test the live experience and celebrate your team's work.

Open presentation

Present your way: arrow keys, slide dots or fullscreen.

Read the lesson guides

ONE TEAM · ONE CHALLENGE · SOMETHING REAL

What will your team build?

Choose one brief. Make it yours.
All three use free tools.

Team guidelines & showcase checklist

TERM 2 · FOUNDATION SESSIONS

Revisit the foundations.

The people, paths and tools behind the code.