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
Challenge: H for Hopper
An "H" is just three rectangles when you are trying to draw them on a computer screen. After watching the previous Intro to Drawing video this online programing activity guides young coders to draw the letter "H" on the screen. Help and...
Khan Academy
Project: Ad Design
Let your young programmers' creativity and programming knowledge shine with this culminating activity. Coders put together everything they know about using text commands, drawing, and animation to create a unique ad. This activity could...