Scratch, HTML & CSS and Python

Code Club projects are step-by-step guides for children to follow and create animations, games, websites and much more. Learners will need the relevant online accounts (Scratch and Trinket) to complete and save their work. Please refer to the project tile for info and learner level.

Scratch continued

← Back to projects

Card_scratch

Scratch: Module 1

Learn how to code musical instruments, a space themed animation, create a game to catch ghosts, program a talking robot, make a paint program and create a boat-racing game and avoid obstacles!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch2

Scratch: Module 2

Create a game to memorise and repeat colour sequences, code a game dodge-ball, create a quiz, make a dot-catching game, save the earth from space monsters and create your won open world adventure game!

Creator & Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Scratch: Module 3

Create a game to guide cats to safety, generate flowers to create a backdrop image or screensaver, make a guess the flag quiz game, look for a character hidden in a crowd, guide a parrot past moving obstacles and score points by playing the notes of a song as they scroll past like guitar hero!

Builder: Scratch, Web Browser/Scratch Account

Card_scratch

Archery

Create an Archery game where you have to shoot arrows as close to the bullseye as you can!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch2

Beat the Goalie

Learn how to create a 2 player football game to score as many goals as possible in 30 seconds

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Sprint!

Learn how to make a sprint game using the left and right arrow keys to get to the finish line as quickly as possible!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Synchronised Swimming

Learn how to program a synchronised swimming routine by using loops and creating clones

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Tech Toys

Learn how to code your own tech toys!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Username Generator

Generate fun usernames for websites like Scratch and Trinket! Remember not to use your real name or any personal information in your online username

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Ada's Poetry Generator

Learn how to program your own poetry generator!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Alien Language

Train the computer to understand an alien language. You will use that to control an alien character to understand what you tell it to do

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Astronaut Reaction Time Game

Use Scratch to create a game that will test your reaction times and work out how far the International Space Station travels in the time it takes you to react!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Balloons

Make a balloon-popping game!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Deep Sea Sushi

Make a game to move a shark around to try catch a fish!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Did you like it?

Make a character emote based on what you say about a movie or a book. If you say something positive your character will smile, if you say something negative it will cry!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Gravity Simulator

Create a simulator to show the real life effects of gravity on different planets

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Jazzy Jumpers

Create a memory game involving jerseys with different colours and patterns!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Journey to School

Train the computer to look for patterns in how your classmates get to school.You will test this training by getting the computer to predict how different people travel to school

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Scary 'spot the difference'

Use Scratch to create a Spot the Difference game with a scary surprise, to prank your friends and family!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Scratch 3.0 Phrasebook

Make an interactive phrasebook that translates useful phrases into different languages

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Scratch Cat goes skiing

Create a skiing game and avoid randomly appearing obstacles to score points!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Smart Classroom Assistant

Create a virtual classroom assistant that reacts to commands

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Snowball Fight

Make a game and throw snowballs at a target!

Creator: Scratch, Web Browser/Scratch Account

Card_scratch3

Falling Stars

Make a platform style game and add your own levels, powers, and characters

Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Fart Catcher

Make a platform style game and add your own levels, powers and characters

Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Pattern Pen

Make a cool pattern generator

Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Water-use Calculator

Make a water usage calculator with animated charts

Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Weightlessness Space Game

Learn how to simulate the effects of weightlessness in space with this Scratch Game

Builder: Scratch, Web Browser/Scratch Account

Card_scratch3

Protect Our Planet

Use Scratch to learn about our planet and how to protect the environment for future generations

Scratch, Web Browser/Scratch Account

Card_scratch3

Look After Yourself

Learn to look after yourself, while learning how to use Scratch and work your way towards being an independent programmer

Scratch, Web Browser/Scratch Account

HTML & CSS continued

← Back to projects

Card_scratch3

My Favourite Celebrity

Learn how to code a web page about your favourite celebrity!

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Bird Watch Website 1.0

Learn how to code a website using Trinket!

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Bird Watch Website 2.0

Build upon your existing HTML/CSS skills to make a website and gain more control over how it looks

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Guide To My Country 1.0

Learn how to code a website using Trinket!

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Guide To My Country 2.0

Build upon your existing HTML/CSS skills to make a website and gain more control over how it looks

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Sweet Scroll

In this project, you will learn to use a cool website scrolling technique called ‘parallax scroll’ to create a web page for a cake recipe

Creator: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Bird Watch Website 3.0

Learn how to make a website look polished and professional using cool effects and layouts

Builder: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Guide To My Country 3.0

Learn how to make a website look polished and professional using cool effects and layouts

Builder: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Cat Meme Generator

Make a cat meme generator! Using an image of your cat, you can create your own cat meme to show off to your friends

Builder: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Hair Today, Gone Tomorrow

Write an online app to give people funny celebrity hairstyles with JavaScript!

Builder: HTML/CSS, Web Browser/Trinket Account, JavaScript

Card_scratch3

Guess The Colour!

Use JavaScript to make a colour guessing game! In the game, the player gets to see six different colours and one set of RGB (red, green, blue) values and has to guess which colour matches these RGB values

Builder: HTML/CSS, Web Browser/Trinket Account, JavaScript

Card_scratch3

Where's Zombie?

Make a game that you can play outside using your mobile phone’s GPS capabilities. Find the power-ups and avoid the zombies!

Builder: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Zombie Apocalypse Survival Map

Create a real map of your local area and mark on it the locations of supplies, secret bases, and even the zombies themselves!

Builder: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Talk like a Pirate

Create a web page which can translate normal English text into pirate speak.

Developer: HTML/CSS, Web Browser/Trinket Account

Card_scratch3

Poo Near You

Use JavaScript and the Google Maps API to put open data onto a map. In our example, we’ve used location data and placed poo emojis as markers onto a map

Developer: HTML/CSS, Web Browser/Trinket Account, JavaScript

Card_scratch3

To-do List

Make a to-do list web app. You’ll be able to use this app to track whatever you want: cool programming tricks you want to learn, places to go, songs to listen to (or learn to play!), or just something as simple as things to pick up at the shops

Developer: HTML/CSS, Web Browser/Trinket Account

Python continued

← Back to projects

Card_scratch3

Python: Module 2

Code computer-generated modern art, create pie charts from data you collect, design and code your own RPG maze game, find the exact location of the International Space Station, create a database of robots and play Robo-Trumps with a friend and design and code improvements to a 2D version of Minecraft!

Creator: Python, Web Browser/Trinket Account

Card_scratch3

Password Generator

It’s important to protect your personal information online, and in this project you’ll create a program to generate passwords for you. The passwords will be random, so no one will be able to guess them!

Creator: Python, Web Browser/Trinket Account

Card_scratch3

Don't Collide

Build a scrolling endless runner game where your character has to avoid obstacles

Creator: Python, Web Browser/Trinket Account

Card_scratch3

Guess The Number

Make a guessing game in which the computer picks a number between 1 and 9, and the player has five chances to guess the number

Creator: Python, Web Browser/Trinket Account

Card_scratch3

Using Pip On Windows

Learn how to use pip on Windows, so that you can easily install useful Python software

Creator: Python, Web Browser/Trinket Account

Card_scratch3

Astro Pi: Mission Zero

Using the Astro Pi web emulator, set the background colour of an image to the colour that the Astro Pi detects. This will make the International Space Station (ISS) more colourful for the astronauts on board. Your code will use the colour luminosity sensor on the new Mark II Astro Pi computer’s Sense HAT to make this happen

Creator: Python, Web Browser/Trinket Account, Astro Pi Emulator

Card_scratch3

Astro Pi Flight Data Analysis

In this project you will analyse real data, captured by either of the two Astro Pi Flight Units onboard the International Space Station, to learn about Life in Space and Life

Creator: Python, Web Browser/Trinket Account, Spreadsheet software

Card_scratch3

Storytime

Use Python to create a program that generates a random story, based on what the user types in

Builder: Python, Web Browser/Trinket Account

Card_scratch3

Turtley Amazing

In this resource you will take your first steps with the programming language Python to draw shapes, patterns, and spirals. You will use a module named Turtle. Along the way you will learn how to think in sequences, and use loops to repeat a sequence. This is a great stepping stone from a visual programming language like Scratch to the text-based environment of Python

Builder: Python, Web Browser/Trinket Account

Card_scratch3

Turtle Snowflakes

Create a beautiful landscape of snowflakes using Python Turtle. This is great fun and a great way to start learning how to code with Python

Builder: Python, Web Browser/Trinket Account

Card_scratch3

Scary 'Spot the difference'

Create a Spot the Difference game with a big surprise, to scare all your friends

Builder: Python, Web Browser/Trinket Account

Card_scratch3

Secret Agent Chat

Learn how to create and use an encryption technique known as the one-time pad. This method of encryption will allow you to send secret messages to your friends and, as long as you’re careful, the messages will be unbreakable

Builder: Python, Web Browser/Trinket Account

Card_scratch3

Where is the Space Station?

In this project you will use a web service to find out the current location of the International Space Station (ISS) and plot its location on a map

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Fetching the Weather

This resource teaches you how to access the Raspberry Pi Weather Station database using a RESTful API, how to use the haversine formula to calculate which weather station is closest to you, and how to fetch the latest weather data from that station

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Getting Started with GUIs

In this resource you will create two simple GUIs (graphical user interfaces) in Python

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Getting Started with the Twitter API

A Python program which can send and receive tweets

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Graphing the Weather

In this resource you will gather weather data from the Raspberry Pi Weather Database, and use it to create graphs of sensor data over time

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Make an Initial State Dashboard for Weather Data

You will write Python code to upload Weather Station data to Initial State and build simple dashboards to display, analyse and share it

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Mapping the Weather

In this resource you will learn how to fetch data from the Raspberry Pi Weather Station database, and plot that data on a graphical map

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Pride and Prejudice for Zombies

You’ll be turning Jane Austen’s Pride and Prejudice into a version more interesting to zombies

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Shakespearean Insult Generator

Ever been lost for words? In this resource you will write a Python script to generate insults, Elizabethan-style

Developer: Python, Web Browser/Trinket Account

Card_scratch3

Deck of Cards

Create a model of a deck of cards that can form the basis for building digital card game programs such as Poker or Gin Rummy

Maker: Python, Web Browser/Trinket Account

Card_scratch3

Documenting your code

To share the code you’ve created and help people use it, you will create a website that documents your project

Maker: Python, Web Browser/Trinket Account

Card_scratch3

Packaging your Python Code

In this project, you will learn everything you need to know to package your own Python code so that others can install and use it by creating a simple Python module and then packaging it

Maker: Python, Web Browser/Trinket Account

Card_scratch3

Test Detectives

Learn how to test your code and develop a set of techniques and tests that you can use to prove your code works and to debug problems when they happen

Maker: Python, Web Browser/Trinket Account

FAQ

Frequently Asked Questions

Got questions? Check out our FAQ.

FAQ

Donate

Donate

Help sustain the work of Code Club Aotearoa.

Donate

Blog

Blog

Read our stories

Blog