Menu
Help
Glossary

JavaScript: JavaScript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.

Object: Objects are the basic building blocks of JavaScript. Many things in JavaScript are Objects. With JavaScript, you can name and create your own Objects.

Property: The named values in JavaScript objects are called Properties. Some examples of Properties:
firstName
lastName
age
eyeColor

Value: The details of a property are described in the Value. For example, the value of the property "firstName" might be "Jane." The table below shows you how Properties and Values can work together:

  • Property
  • firstName
  • lastName
  • age
  • eyeColor
  • Value
  • Jane
  • Smith
  • 11
  • Brown
x

HELP

  • Q: The game is loading strangely, or not at all.
    • A: The likeliest scenario is that you're using an outdated browser. You may need to upgrade to a higher level browser. We recommend choosing one of the following:
    • Internet Explorer (10 or Edge)
    • Firefox (41+)
    • Chrome (45+)
    • Safari (8+)
  • Q: I can't post my patch(es) to Facebook.
    • A: Make sure your browser allows for pop-up windows. When you click the share button, the browser opens a small permission box from Facebook that you'll need to approve. You may also need to sign in to Facebook within this window.
  • Q: The game seems slow or stuck.
    A: Sometimes, the speed of your internet connection can have an effect on how quickly the content loads. Check your internet connection and/or Wi-Fi strength to make sure that you're getting enough bandwidth to your device.


Choose your special CODING NAME and enter your BIRTHDAY below. Then click 'CONTINUE'


Choose...
  • Coding Maven
  • Queen of Codes
  • Coding Connoisseur

Example: 1/25/2000

Continue

Choose a Level

New to code or de-bugging? Start with Level 1! If you’re an experienced bug squasher or you’ve played the game before, try Level 2 or 3 for a challenge!


Level 1
Level 2
Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Getting Started
  • Level 2
  • Level 3
  • Level 1Missing Symbol
  • Level 2
  • Level 3

Compare the two lines of code below!

In the "INCORRECT" code on the left, click on the symbol that is keeping Ginger from moving.


Incorrect

Correct

Player.walk = 1;
  • Level 1Missing Symbol
  • Level 2
  • Level 3
  • Level 1Missing Symbol
  • Level 2
  • Level 3
  • Level 1Missing Symbol
  • Level 2
  • Level 3
  • Level 1Drag and Drop
  • Level 2
  • Level 3

All of the letters, symbols and numbers
you enter into the code line are important!
Drag & drop the correct symbol to complete the code,
so Ginger can walk around her game.



    Player.walk=1

Back Next
  • Level 1Drag and Drop
  • Level 2
  • Level 3
  • Level 1Overview of Lesson 1
  • Level 2
  • Level 3
  • Level 1Test Your Code
  • Level 2
  • Level 3
You've fixed the code!

Drag and drop it into the game’s back end code to see if it works

Back Next
  • Level 1Test Your Code
  • Level 2
  • Level 3
  • Level 1Congratulations!
  • Level 2
  • Level 3
  • Level 1Completed
  • Level 2Getting Started
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3

Before we begin Level 2,
let's review what we learned in Level 1!

Back Next
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Review
  • Level 3
  • Level 1Completed
  • Level 2Missing Symbol
  • Level 3

Something is missing!
In the “INCORRECT” code on the left, click the place that is missing an important symbol that is keeping Max from collecting carrots.


Incorrect

Correct

npcMap: getParameterByName('collection_item',"asset_library/collection_items/carrot.png"),
  • Level 1Completed
  • Level 2Missing Symbol
  • Level 3
  • Level 1Completed
  • Level 2Missing Symbol
  • Level 3
  • Level 1Completed
  • Level 2Missing Symbol
  • Level 3
  • Level 1Completed
  • Level 2Drag and drop
  • Level 3

All of the letters, symbols and numbers you enter into the code line are important!

Drag & drop the symbols to make sure the file path tells the computer where to find the carrot image.

All of the letters, symbols and numbers you enter into the code line are important!

Drag & drop the symbols to make sure the file path tells the
computer where to find the carrot image.




    ('collection_item',

    • asset_library/collection_items

    • carrot.png"),

Back Continue
  • Level 1Completed
  • Level 2Drag and drop
  • Level 3
  • Level 1Completed
  • Level 2Type the code
  • Level 3

Now it's time to practice typing code yourself!

Type the full image file path in the box below:

Back Continue
  • Level 1Completed
  • Level 2Type the code
  • Level 3
  • Level 1Completed
  • Level 2Overview of Lesson 2
  • Level 3
  • Level 1Completed
  • Level 2Test Your Code
  • Level 3

You’ve written the correct file path!

Drag and drop it into the game’s back end code to see if it works.


Back Next
  • Level 1Completed
  • Level 2Test Your Code
  • Level 3
  • Level 1Completed
  • Level 2Congratulations!
  • Level 3
  • Level 1Completed
  • Level 2Completed
  • Level 3Getting Started
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Congratulations!
  • Level 1Completed
  • Level 2Completed
  • Level 3Review

Before we begin Level 3,
let's review what we learned in Level 2!

Review
  • Level 1Completed
  • Level 2Completed
  • Level 3Getting Started

Great!

Now that we’ve reviewed what we learned in Level 2, are you ready to start Level 3?

Start Level 3
  • Level 1Completed
  • Level 2Completed
  • Level 3Missing Symbol

Something is wrong! In the “INCORRECT” code on the left, click on the value that is keeping Spark from moving in the right direction.


Incorrect

Correct

if(game.input.up){player.direction=3;}
  • Level 1Completed
  • Level 2Completed
  • Level 3Missing Symbol
  • Level 1Completed
  • Level 2Completed
  • Level 3Missing Symbol
  • Level 1Completed
  • Level 2Completed
  • Level 3Missing Symbol
  • Level 1Completed
  • Level 2Completed
  • Level 3Overview of Lesson 3
  • Level 1Completed
  • Level 2Completed
  • Level 3Drag and Drop

The value assigned to objects and properties in JavaScript is important, and you have to make sure you put the right ones in the right place. It’s also important to get the rest of the line correct so no symbols or text are missing. Drag & drop the code to make sure the up arrow key works correctly in our game.


  • Level 1Completed
  • Level 2Completed
  • Level 3Drag and Drop
  • Level 1Completed
  • Level 2Completed
  • Level 3Type the Code

Now, try typing all that code yourself!

Type the full line of code that tells the computer to move the character up when the up arrow is pressed:


  • Level 1Completed
  • Level 2Completed
  • Level 3Type the Code
  • Level 1Completed
  • Level 2Completed
  • Level 3Test Your Code

You fixed my game and now I can move in the right direction!

Drag and drop the fixed code into the game’s back end code to see if it works.


Back Next
  • Level 1Completed
  • Level 2Completed
  • Level 3Test Your Code