READY, SET, BUILD ✦

Your software
starter kit.

Free tools, learning paths and one small idea to help you begin making technology of your own.

TOFA × Alliance Girls AlumniGrade 10 · Term 2

01

TODAY'S ROADMAP

Open the tools.
Start the journey.

00–10 MINWarm up

Reconnect and notice the strengths you bring to a team.

10–30 MINGet set up

Open beginner-friendly tools and save useful learning links.

30–50 MINBuild live

Make a tiny webpage and watch your code turn into a working page.

50–90 MINForm a team

Choose a problem, shape an idea and share it with the room.

02

BOOKMARK THESE

Learn at your
own pace.

Every resource here has a free way to start.

VISUAL CODE

↗

Scratch

Make stories, games and animations by snapping blocks together.

scratch.mit.edu

WEB

</>

freeCodeCamp

Learn HTML, CSS and JavaScript through guided challenges.

freecodecamp.org

FOUNDATIONS

CS

CS50

Explore how computer science works, starting with Scratch.

cs50.harvard.edu

EXPLAINERS

▶

Khan Academy

Follow friendly lessons in programming and computer science.

khanacademy.org/computing

03

TOOLS FOR MAKING

Choose your
creative playground.

01 · CODEPEN.IO/PEN

Make a webpage

Try HTML, CSS and JavaScript directly in the browser. A quick experiment needs no account.

02 · THUNKABLE.COM

Build a mobile app

Arrange visual blocks and screens to prototype an app without writing lots of code.

03 · FIGMA.COM

Design an interface

Plan what an app or website should look and feel like before anyone builds it.

04

30–50 MIN · BUILD ALONG

Meet your first
webpage.

codepen.io/pen

<h1>
  Hello,
  Alliance Girls!
</h1>
✦Hello,
Alliance Girls!

Make it yours

Change the words.
Choose a background colour.
Add one sentence about yourself.
Show someone what you made.

05

50–65 MIN · CHOOSE

Three capstones.
Which challenge fits your team?

Rank each option, then choose the problem and career paths your team wants to explore.

01 · WEB + DESIGNSchool Opportunities Hub

02 · DATA + CLOUDKenya Weather Dashboard

03 · SECURITY + GAMESCyberSmart Quest

ALL OPTIONSFree tools · HTML · CSS · JavaScript

06

YOUR CAPSTONE SELECTION CANVAS

Choose the brief.
Make the experience yours.

01 · THE BRIEF

Which capstone?

Choose one of the three shared problems as a team.

02 · YOUR USER

Who are you helping?

Picture one specific person. What do they need most?

03 · YOUR VERSION

What makes it yours?

Choose a name, theme, content and the first career roles to try.

07

65–80 MIN · TWO MINUTES EACH

Share your choice.
Build it together.

Give each team one “warm” — something strong — and one “wonder” — a useful question.

08

MY STARTER KIT

Capture your
next move.

MY GO-TO LEARNING PLATFORM

MY PROJECT GROUP

OUR SELECTED CAPSTONE

MY FIRST TUTORIAL

THIS HOLIDAY: Try Scratch · CS50 Week 0 · your first freeCodeCamp HTML lesson · Khan Academy computing

09

CHOOSE A PATH TO EXPLORE

Where could tech
take you?

Open a guide for skills, free resources, starter projects and first steps.

Web DevelopmentBuild websites and web apps people can click and use. Mobile DevelopmentCreate apps for phones and tablets. CybersecuritySolve puzzles while protecting people and information. AI & Machine LearningTeach computers to learn from examples and make decisions. Data AnalysisFind patterns and tell clear stories with numbers. Cloud & DevOpsOrganise systems and keep apps running reliably. UI/UX DesignShape how technology looks, feels and works for people. Game DevelopmentCombine code, art and stories into interactive worlds. Quality AssuranceFind bugs and make sure software works for its users.

10

THE TAKEAWAY

Start small.
Keep building.

Your challenge: complete one tutorial on your chosen platform before Term 3. Bring back what you learned — including the mistakes.

NEXT · TERM 3 PROJECT SPRINTYOUR TEAM · YOUR IDEA

11

Your softwarestarter kit.

Open the tools.Start the journey.

Learn at yourown pace.