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!


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 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 learn how to code in a real programming language

Javascript Badge 1: Do CodeCombat 'Kithgard Dungeon' campaign

The Code Combat website is a 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. Sign up for Code Combat at: http://codecombat.com (Click 'Create Account' at the top, and choose "Sign up as an Individual"). If you don't have an email address, ask a mentor.
  2. Select 'Javascript' as the programming language, and play through the first 'Kithgard Dungeon' campaign.
  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!

So you want to learn more? Well, there's a lot of coding resources on the internet. Try some of these:

Thanks to Tyler Morris for some of these links.