Khan Academy
Challenge: Your First Painting App
Ever wonder how those neat painting applications work? Completing this coding activity will give you some insight. First, starting with a simple function that draws a small circle as the mouse moves around the screen, adjust the function...
Khan Academy
Challenge: Moles in Holes
Move the moles to the holes in this simple coding exercise on using parameters in function calls. The task is broken down for you and the function that draws the mole is already provided. Your job is to add JavaScript code to call the...
Khan Academy
Challenge: Calculator
Calculators aren't all that useful if they don't return the correct results. In this JavaScript programming exercise, beginning JavaScript coders are guided to fix the results returned by the functions so they return correct values....
Khan Academy
Challenge: Bouncy Ball
Create your own bouncing ball program with this guided activity. Java Script code that sends a ball down the screen is provided. The task is to fix the code to make it bounce up when it hits the bottom of the screen and then down again...
Khan Academy
Challenge: Number Analyzer
The JavaScript program you create will answer a simple question about a number. Is it positive, negative, or zero? Create a Boolean expression and use conditional if statements to test the value and then print the results.
Khan Academy
Challenge: Say Your Name
Practice creating and using functions in a simple JavaScript coding exercise. Move code inside the function definition and then add lines to call the simple function. Adding function parameters and return values are covered later in this...
Khan Academy
Challenge: My Favorite Foods
Create a list of your favorite foods while you practice writing text in JavaScript. Use fill, textSize, and text functions. This is a quick activity that helps solidify basic skills. Expand with additional challenges such displaying food...
Khan Academy
Project: Design an Animal
Combine creativity and coding in an activity where you are free to create your own animal. Try for something recognizable or not, the design is up to your unique students. The challenge is to use variables and variable expressions so...
Khan Academy
Challenge: Funky Frog
You haven't seen any large-mouth frogs around have you? Hopefully, there will be lots of them as your young JavaScript coders complete this task to create a frog with a wide mouth and use variables in a way that connect the frog face...
Khan Academy
Bonus Project: Custom Clothing
Clothing design, do you know any teenagers that are interested in that? How about mixing what they have learned about JavaScript programing and the creativity of designing a piece of clothing? This activity does just that. Practice the...
Khan Academy
Challenge: Exploding Sun
Animating an object by moving it across a computer screen can be accomplished by drawing the object repetitively, each time adjusting some aspect of the drawing slightly. This activity is an easy introduction to animation in JavaScript,...
Curated OER
Challenge: Tasty Tomato
Take a big bite out of the red tomato by practicing your use of the variables mouseX and mouseY in a JavaScript coding task. The activity will guide you step-by-step and will help young coders understand how to draw objects based on the...
Khan Academy
Project: Crazy Painter
An activity titled Crazy Painter might not be high on your list of new things to try with your class; however, you will be happy to know this task has your young coders writing a mess-free painter application in JavaScript. The goal is...
Khan Academy
Challenge: Parting Clouds
Let the sun shine as your young coders move the clouds across the sky while practicing animation coding skills in JavaScript. Younger learners may benefit from more guided help or a whole-class discussion before trying this coding task.
Khan Academy
Project: Public Transportation
Have your charges race their car creations across the screen in a JavaScript activity. Coders start with a small program that shows one wheel moving across the screen. Use this as a good place to start and challenge your young...
Khan Academy
Challenge: Mouse Tracker
Create a small but useful little program that allows you move a dot with your mouse and see the coordinates change as the mouse moves. Starting with a dot that moves with the mouse, add to this program the text of the points coordinates...
Khan Academy
Challenge: Simple Shapes!
Now practice drawing a rectangle, ellipse, circle, and line by writing your own JavaScript code. Don't know where to start? No problem, you will be guided through creating every line of code. Getting an error message? Again, no problem,...
Khan Academy
Challenge: Funny Face
A simple face can draw on the computer canvas using four lines of code each containing slightly different parameters to the ellipse function. Learners are guided through making changes to certain features such as making the mouth or eyes...
Khan Academy
Challenge: Ice Cream Code
Practice adding color to your simple JavaScript picture. Three layers of ice cream in a bowl with a cherry on top, gives your beginning coders a tasty challenge.
Khan Academy
Project: What's for Dinner?
This creative project may make your young programmers hungry as they practice their Java Script coding. The task is fairly open ended: add shapes using different shape functions, including the fill and stroke functions to add color and...
Khan Academy
Challenge: It's a Beautiful Day
Young coders build on their programming skills by adding color to their pictures. The background, fill, and noStroke functions are explored in the JavaScript coding activity.
Khan Academy
Practice: Using Variables
A quick check of understanding is the focus in this short online quiz. Questions ask users to check out a short two- to four- line program and answer a question about the value of a variable. Get five questions correct in row to pass to...
Khan Academy
Challenge: Bucktooth Bunny
Practice creating and using variables by creating variables for the bunny's eyes and teeth in this JavaScript task. Use the slider above the number to see the power of using variables in your code.
Khan Academy
Challenge: Mickey Mouse Ears
My, what big ears you have! Novice JavaScript programmers adjust Mickey's ears to be proportional with his face and any changes to it. The key is to use variable expressions so that the values used are dependent upon the variable that...