Mastery Badges

We’re always looking for new ways to reinforce learning and grow our skills in new areas. To foster this, we’ve created mastery badges to show off coding prowess. Anyone can apply for a mastery badge and earn one by completing certain tasks. If you have any questions, email masterybadges@coderdojokc.com.

buttons

First Place Badge

Second Place Badge

Scratch Mastery Badge

HTML Mastery Badge

JavaScript Mastery Badge

How to Apply:

  1. Read the project requirements below.
  2. Ensure your project meets all the requirements. Badges will have several tasks to complete. You must combine them into one project.
  3. Submit your project for review at using the button below.
  4. Ask to meet with a mastery mentor to ensure your project meets requirements.
  5. If verified, you must present each task at the next CoderDojo session in the morning and explain what you learned and how you completed it.

Register for Mastery

Once you’ve presented, your new badge will be handed to you on stage! Have your parent’s camera ready, and your next challenge in mind.

1st Place Presentation:

Win 1st place based on mentor grading criteria:

  • Three Categories: Project originality, Project Difficulty, Presentation.  Graded on a scale of 1–5, rate the project’s originality, difficulty, and presentation.

2nd Place Presentation:

Win 2nd place based on mentor grading criteria:

  • Three Categories: Project originality, Project Difficulty, Presentation.  Graded on a scale of 1–5, rate the project’s originality, difficulty, and presentation.

Scratch Mastery:

Create and present projects that use the following:

  • Interaction (pen or non-key sensing code blocks)
  • Variable or Custom Code Block
  • Events (Broadcast and Receive from another sprite or the background)

For Web Mastery badges, you’ll need to set up an environment to write your code in.

  1. If you don’t have your own computer: Create an account on Cloud9, which is an in-browser editor.
    1. Once you’re signed into your dashboard you can click “create a new workspace” and choose the HTML5 option.
    2. You can work on your project there, and in your html file click “Preview -> Live Preview” to see your page in the browser.
    3. Follow this guide when you’re ready to push to GitHub Pages: Cloud9 to GitHub Pages
  2. If you DO have your own computer, you can download your own editor. We like Sublime Text 2 or Atom.
    1. It’s best practice to create a folder for your project where you’ll save all your code files to. Make sure to put it somewhere you’ll remember!
    2. In that folder, you’ll need to create an index.html page to get started. You can read about how to set up your page here.

HTML Mastery:

Prerequisite: Complete HTML & CSS on Codecademy

  1. Create a 5 page website (including index.html)
  2. Use each of the following tags appropriately:
    • html, head, title, body
    • h1, h2, h3, p, img, a, ul, li
  3. Include a basic menu linking to all pages.
  4. Use a stylesheet to change your background color, font-sizes, and to style the navigation menu.
  5. Deploy your site to GitHub and use GitHub Pages for display using Cloud9!

JavaScript Mastery

Prerequisite: Complete JavaScript on Codecademy

Walk through basic JavaScript functionality and console usage with a mentor.

Create a simple calculator. Correctly use functions, variables, and control statement.

  1. Ask the user to enter two numbers and an operation (addition, subtraction, multiplication, or division).
  2. Perform the calculation.
  3. Display the result.
  4. Deploy your site to GitHub and use GitHub Pages for display using Cloud9!

Portfolio

Get started with this worksheet!