Code.org
Event-Driven Programming and Debugging
Start programming in event-driven style. Scholars learn to place buttons on the user interface and use event handlers. They also learn to recognize errors in code and debug as necessary. This is the second lesson in the series of 21.
Code.org
Events Unplugged
Introduce event-driven programming. Young computer scientists learn the meaning of event-driven programming and how it is different from previous styles of programming. They play a card game to simulate the challenges that occur in this...
Khan Academy
Challenge: SmileyFace
Two smiley faces are better than one. The interactive lesson challenges pupils to use methods to alter a program to make it more efficient. Individuals use the new code to create multiple smiley faces that speak. The engaging activity is...
Khan Academy
Challenge: Double Rainbow
Draw a rainbow over the rainbow. The second segment in a series of six has the class practice using functions to edit a program that draws a rainbow. After creating the function, the interactive lesson challenges pupils to create another...
Khan Academy
Challenge: Flower Grower
How does the garden grow? With inherited functions! The interactive activity has individuals alter a program to utilize object inheritance. Scholars develop an object type that two other objects use to inherit similar aspects. The...
Code.org
Practice PT - Design a Digital Scene
The final performance task for the unit requires class members to utilize what they have learned to create a personal digital scene. Groups work together to develop a scene and then, using top-down design, break the scene into manageable...
Code.org
Functions and Top-Down Design
Let me break it down for you! Introduce your class to a way of breaking up a complicated task into its component pieces. Individuals draw a complex figure using JavaScript and then break it down to help determine the functions needed in...
Code.org
Looping and Random Numbers
Repetition, repetition, repetition. Get your class to efficiently repeat a section of code over and over again by introducing looping. Class members learn looping to quickly recreate objects they want to appear more than once in their...
Code.org
Creating Functions
Quit repeating yourself ... you can make this simpler! Rather than repeating the same set of code over and over, class members learn to build and call functions in a series of challenges in App Lab. In the end, they combine functions to...
Code.org
APIs and Using Functions with Parameters
Introduce your class to the API, a reference guide that lists and explains the functionality of programming language. Using JavaScript, individuals draw complex designs that require additional commands and parameters defined in the API...
Code.org
Using Simple Commands
Turtles might be slow, but class will zoom by when your pupils build a program in which reptiles draw a grid. Using App Lab and JavaScript, class members build a program to find the most efficient way to draw an image of a three-by-three...
Khan Academy
Project: Fish Tank
Create your own exotic aquarium, well, virtual aquarium. Fill it full of various fish and sea life, add animation, color, and interactivity using JavaScript. This task utilizes your classes' knowledge of functions, parameters, and local...
Khan Academy
Project: Bookshelf
Start your own virtual library with this JavaScript programming project. Create arrays of book objects, and fill the shelves with different books, different colors, titles, authors, etc. Let coders create their own unique display.
Khan Academy
Challenge: Movie Reviews
Create an array of objects in a JavaScript coding practice activity. Movie titles and reviews for multiple movies are collected in an array of objects and then printed out with a looping construct.
Khan Academy
Challenge: Picture Painter
Your young coding students will love the result of this programming activity and will be amazed at what they can make the computer do. Using objects and their properties, they will create a paint brush that will redraw an object across...
Khan Academy
Challenge: Constellation Maker
Populate your own universe with constellations and stars. Modify the existing JavaScript code to use the push method of arrays, and mouseX and mouseY to draw a star based on the click and position of the mouse.
Khan Academy
Challenge: Recipe Card
Anyone hungry? Create a recipe object in this coding activity. Include a title, number of servings, and ingredients. All of this adds up to one delicious practice opportunity for your programming students who are just learning how to use...
Khan Academy
Challenge: Favorite Animals
I'm not scared of lions & tigers & bears; in fact, they are on my favorites list! Have your young coders practice creating arrays and using loops. First they define the array as a list of favorite animals, then print them out...
Khan Academy
Challenge: A Loopy Landscape
Drawing trees and grass over and over again is the perfect time to add a while loop to your computer code. This activity guides coders through the steps as they practice using this loop.
Khan Academy
Challenge: Lined Paper
Now create your own graph paper with this JavaScript programming activity! First, change the while loop that draws horizontal lines into a for loop. Then, add another for loop that draws the vertical lines. For an added challenge,...
Khan Academy
Challenge: Favorite Fruits
Creating a list of favorite fruits is the perfect use of an array in coding. Practice defining and using arrays in this simple activity of creating an array and printing out each element in the array.
Khan Academy
Challenge: A Loopy Ruler
Now try writing your first while loop! This activity guides you through creating a small JavaScript program that marks the top of the screen with a ruler. Use the while loop to write the numbers across the screen.
Khan Academy
Practice: Using While Loops
Test your knowledge of loops with this short online quiz about using the while statement in JavaScript code. Get five questions correct in a row and you're done!
Khan Academy
Challenge: Flashy Flash Card
Create your own flash card in this JavaScript coding activity. Modify the given code so that the answer is revealed when the mouse is pressed. Provides good practice of conditional if-else statements.