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 · BRAINSTORM

Great projects start
with a problem you notice.

What problem at school, home or in your community could technology help solve?

01 · SCHOOLKnow which library books are available.

02 · HEALTHHelp rural patients find reliable advice.

03 · COMMUNITYShare useful weather information with farmers.

04 · STUDENT LIFEOrganise study groups or lost-and-found items.

06

YOUR PROJECT IDEA CANVAS

Turn the problem
into a possibility.

01 · THE PROBLEM

What needs to change?

Name the problem, who experiences it and how people handle it today.

02 · YOUR USER

Who are you helping?

Picture one specific person. What do they need most from your solution?

03 · YOUR IDEA

What could you make?

Choose an app, website, game or tool and describe how it would work.

07

65–80 MIN · TWO MINUTES EACH

Share the idea.
Grow 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 PROJECT IDEA — ONE LINE

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.