Earn Badges

So you want to learn how to code? We've got some badges to help you along.

You earn badges by completing tasks. Each badge has you learning - like doing an online course, or coding something new.

Start earning badges today:

  1. Pick one of the areas below that interests you. The areas go from simplest to hardest. If you're not sure where to start, begin with the first area: "I'm new to coding".
  2. Work through the area's badges in order. They're ordered simplest to hardest.
  3. For a given badge, work through the numbered tasks. You earn the badge by completing the tasks, and showing your work to a mentor. They'll then give you a real-life badge!

Here are the different areas:

  1. "I'm new to coding"
  2. "I want to create stories, games and animations using Scratch"
  3. "I want to write Choose Your Own Adventure stories, with different paths and endings"
  4. "I want to create websites online that look cool and are interactive"
  5. "I want to make games!"
  6. "I want to learn how to code in a real programming language"


I'm new to coding

Newbie Badge 1: Complete an Hour of Code

The Code.org website is a good place to start if you want to learn coding. Get this badge by completing the 'Hour of Code' intro course.

  1. Complete the Hour of Code course.
  2. Show a mentor that you completed it!


Newbie Badge 2: Make a Flappy Bird Game

Get this badge by creating a 'Flappy Bird' game on the Code.org website. Here's an example one.

  1. Start creating the 'Flappy Bird' game at http://code.org/api/hour/begin/flappy.
  2. Finish creating the game, and show it to a mentor.
  3. We'll play the game. If it's fun, we give you a badge. If the game still needs improvements, we'll help you with it!
Want to share your game with friends and family? It should have its own url (look for it on the Code.org website). It will look like: http://studio.code.org/c/30482614


Newbie: Next steps

So you earned two badges. Nice! What next?

  • There are lots more Code.org courses to complete. Have a look at all of them.
  • Pick one of the other badge areas and go for it!

I want to create stories, games and animations using Scratch

Scratch Badge 1: Complete Your First Scratch Project

Scratch is a nice programming language for learning how to code. You can create stories, games and animations by 'dragging and dropping' instructions together. Get this badge by creating your first Scratch project.

  1. Sign up for Scratch at: https://scratch.mit.edu (click on 'Join Scratch' at the top-right). If you don't have an email address, ask a mentor.
  2. Complete the 'Learn how to make a project in Scratch' course.
  3. Show a mentor that you completed it!

Scratch Badge 2: Remix the 'Dance Party' Starter Project

Scratch let's you take existing projects, and remix them as you want to create your own project. Get this badge by remixing a project.

  1. Go to the Dance Party project.
  2. Remix the project by following the instructions: Add your own sprites to the dance party! Start remixing by clicking 'See inside' at the top right.
  3. Show a mentor that you completed it!
Want to share your Dance Party with friends and family? If you 'share' the project, it has its own url (look for it on the Scratch website). It will look like: https://scratch.mit.edu/projects/54772686

Scratch Badge 3: Remix 5 Starter Projects

The Scratch website has some Starter Projects for you to remix and learn from. Get this badge by remixing 5 starter projects.

  1. Go to the Starter Projects page.
  2. Pick five projects from the different areas and remix them. Pick from: animation, games, interaction art, music and dance, stories and video sensing.
  3. Need help? There are lots of video tutorials here.
  4. Show a mentor all your projects!

Scratch Badge 4: Create a Scratch project from scratch

Now it's time to create something completely new. Get this badge by creating a completely new Scratch project. It could be a story or game: whatever you want!

  1. Open the Scratch editor.
  2. Create something awesome :-).
  3. Need inspiration? Explore projects others have made. Need help? Remember the video tutorials.
  4. Show a mentor what you did!

Scratch: Next steps

So you earned four badges. Nice! What next?

  • You could create plenty more cool projects in Scratch. Here's inspiration.
  • Try some of our Scratch challenges.
  • Pick one of the other badge areas and go for it!

I want to write Choose Your Own Adventure stories, with different paths and endings

Story Badge 1: Write Your First Twine Story

Twine is an online tool for writing 'Choose Your Own Adventure' stories. You can write a story with different paths and endings, and the reader then chooses which path to take through the story.

Twine is easy to use once you know how. You write a page of text (as short as you want), and can add links to other pages. So your story is a few pages with links between them, and the reader chooses their path through the story by the links they click on.

We'll now write our first story in Twine:

  1. Open Twine.
  2. Now watch this short Intro to Twine video. Here's the story it mentions, if you're interested.
  3. Make this tiny story below - it's called "Lottery Ticket". Just copy the text into 3 different pages in Twine.
  4. Show a mentor you wrote the story!

On the "Start" page, copy this:

You bought a lottery ticket at the local shop - a chance to win ten million pounds!
It's 6pm on Saturday night, and the winning lottery number is announced on TV:
- [[You won! Your number matches|you-win]]
- [[You lost. Boo|you-lose]]
                

On the "you-win" page, copy this:

You live a life of luxury - a fancy house and car, no need to work, anything you want.
But you sometimes wonder - would you have been happier if you hadn't won?
The End.
                

On the "you-lose" page, copy this:

You live a normal life - a normal house and car, a job, and you never buy another ticket.
But you sometimes wonder - how would your life have been if you had won?
The End.
                

To play through the story, click the "Start" page, and click 'Test from Here'. Now show a mentor!

Story Badge 2: Write a Longer Story

So you know how to use Twine a bit. Time to write a longer Choose Your Own Adventure story, called "The Magical Wardrobe". To start you off, this is the first page:

You and your Mum and Dad moved into the new house this morning. It's nice. Your first night in your new bedroom. You wake at 3am to a strange noise: a ringing coming from the attic.

You quietly creep up into the attic, and find the ringing is coming from a big old wardrobe in the corner. You:
* Panic, run down to your bedroom and hide under the covers.
* Open the wardrobe. Let's get this adventure started.
* Go wake up your Mum and Dad. They need to know.

Each choice is a link to another page, where the story continues. So what happens when you open the wardrobe? Ask a mentor to play your adventure once it's done.

Story Badge 3: Write a Your Own Story

So you've written two stories with Twine so far. Now for a challenge: make your own Choose Your Own Adventure story about anything you want. Make it fun and interesting!

Twine can do much more than text pages and links between them: you can change colours, and add pictures and music. Here are two guides to help you:

Show a mentor what you wrote!

Stories: Next steps

So you earned three badges. Nice! What next? Try our story challenges!

I want to create websites online that look cool and are interactive

Websites Badge 1: Get your own website on the Internet

Neocities.org lets you create your own free website on the Internet! Get this badge by creating your first website at Neocities.

  1. Sign up for Neocities at: https://neocities.org. You will need an email address.
  2. Once you're signed up, follow the tutorial with Penelope the cat. She'll help you create your first webpage: https://neocities.org/tutorial/html
  3. Show a mentor your website, and get a badge!

Websites Badge 2: Make your website cooler, and learn about HTML and CSS

So you've got a website. You need to make it cooler. Maybe make a webpage purple, or have words in crazy sizes. Learn how by taking the online course at Khan Academy called 'Intro to HTML/CSS: Making webpages'.

  1. Complete the Intro to HTML/CSS: Making webpages course.
  2. Make your website cooler, using the things you learnt from the course.
  3. Get a badge by showing a mentor your improved website (and also that you completed the course).

Websites Badge 3: Make a website about a Haunted House

So you know a bit about making webpages. Now for a challenge. Make a website game about a haunted house. Each webpage is a room in the house, and describes the spookiness happening in the room. The links on a room’s webpage take the player to other rooms nearby.

The player starts outside the haunted house (on the website’s main page). They then choose which links to follow to take them though the haunted house, and out the back door!

Make all the webpages awesome. Use different colours, put words in different sizes, have pictures (draw some), and maybe some videos (link to them).

Get a badge by having a mentor play through your Haunted House website. Bonus points if they get a fright!

Websites: Next steps

So you earned three badges. Nice! What next?

  • You could continue improving the website you created, or create another one. It could be about anything you're interested in. Need help? There are more tutorials on HTML, CSS and Javascript at w3schools.com.
  • If you want to make your website more interactive (using Javascript), there's another Khan Academy course for you to do: HTML/JS: Making webpages interactive.
  • Try some of our website challenges.
  • Pick one of the other badge areas and go for it!

I want to make games!

Games Badge 1: Make a Dinosaur Running game in Scratch

You can use Scratch to make cool games that look professional. Follow along with two YouTube videos to make an "endless runner" type game, where a t-rex jumps over cactuses. There's a Scratch starter project you can remix to get the game sprites:

  1. First video (17 minutes)
  2. Second video (23 minutes)
  3. Scratch starter project

Show your finished game to a mentor.

If you want to make more Scratch games, here's a useful YouTube playlist that shows how to make a 'cat chasing mouse' game, a 'whack a mole' game, and more.

Games Badge 2: Make Games with Microsoft Arcade

Microsoft Arcade is like Scratch for games: you code by snapping blocks together, but it knows about game stuff like sprite animations and high scores.

Get this badge by completing the Beginner's Guide to Arcade Games skillmap, which starts you off coding games in Microsoft Arcade.

Show a mentor when you're done - you'll want to have an account with Microsoft Arcade, to save your progress.

After that, you can start making your own games. If you check out the Microsoft Arcade main page, there are also other skillmaps you can do to learn more.

Games Badge 3: Make games with Unity

Unity is a proper games engine used to make real games.

Unity can be pretty tricky to use, but CodeClub have a tutorial for getting started with it: Introduction to Unity: 3D Objects, Character Controllers, Colliders, Text and Buttons.

Here's what they say about it: "In this introduction to Unity you will learn how to make 3D worlds and games with collectibles, timers and non-player characters."

Get this badge by completing the tutorial - it may take a while. Good luck!

Show a mentor as you make progress.

I want to learn how to code in a real programming language

Javascript Badge 1: Do CodeCombat 'Kithgard Dungeon' campaign

The Code Combat website is great for learning how to code in real programming languages, whilst playing though an adventure! Get this badge by completing the first 'Kithgard Dungeon' campaign in Javascript. You'll learn about syntax, methods, parameters, strings, loops and variables.

  1. Open Code Combat at https://codecombat.com/play. Click the "Play" button on the "Kithgard Dungeon" campaign.
  2. Click the "Play" button on the first "Dungeons of Kithgard" level. Select 'Javascript' as the programming language. Play through the first 'Kithgard Dungeon' campaign (there are lots of levels).
  3. Show a mentor that you completed it!

Javascript Badge 2: Do CodeCombat 'Backwoods Forest' campaign

Get this badge by completing the second 'Backwoods Forest' Code Combat campaign in Javascript. You'll learn about if/else, relational operators, object properties and input handling.

  1. Make sure you're signed in to Code Combat.
  2. Play through the second 'Backwoods Forest' Code Combat campaign. And make sure you're using Javascript!
  3. Show a mentor that you completed it!

Javascript Badge 3: Do CodeCombat 'Sarven Desert' campaign

Get this badge by completing the third 'Sarven Desert' Code Combat campaign in Javascript. You'll learn about arithmetic, counters, while-loops, break, arrays, string comparison and finding min/max.

  1. Make sure you're signed in to Code Combat.
  2. Play through the third 'Sarven Desert' Code Combat campaign. And make sure you're using Javascript!
  3. Show a mentor that you completed it!

Javascript Badge 4: Do CodeCombat 'Cloudrip Mountain' campaign

Get this badge by completing the fourth 'Cloudrip Mountain' Code Combat campaign in Javascript. You'll learn about object literals, remote method invocation, for-loops, functions, drawing and modulo.

  1. Make sure you're signed in to Code Combat.
  2. Play through the fourth 'Cloudrip Mountain' Code Combat campaign. And make sure you're using Javascript!
  3. Show a mentor that you completed it!

Coding: Next steps

So you earned four badges. Nice! What next?

I want to work on my own project and get help if needed

Own Project Badge 1: Show and Tell

So you're working on your own project at home? That's awesome! Show the project off to everyone at the dojo - and we'll give you a badge!

  1. Work on your project at home. Bring it to a CoderDojo session, and the mentors will be happy to help with anything you're stuck on.
  2. When you want to show off your project, contact the mentors in advance. We’ll make sure there is time in the next CoderDojo session for you to show it off. We’ll also help to setup anything that’s needed.
  3. Show off your project, and we'll give you a badge!

I want to learn more!