Lesson Planet
Search educational resources
  • Sign In Try It Free
  • AI Teacher Tools
    • Discover Resources Search reviewed educational resources by keyword, subject, grade, type, and more
    • Curriculum Manager (My Content) Manage saved and uploaded resources and folders To Access the Curriculum Manager Sign In or Join Now
    • Browse Resource Directory Browse educational resources by subject and topic
    • Curriculum Calendar Explore curriculum resources by date
    • Lesson Planning Articles Timely and inspiring teaching ideas that you can apply in your classroom
    • Our Story
    • Frequently Asked Questions
    • Testimonials
    • Contact Us
  • Pricing
  • School Access
    • Your school or district can sign up for Lesson Planet — with no cost to teachers
      Learn More
  • Sign In
  • Try It Free

Hi, what do you want to do?

Create a lesson plan
Create a lesson plan
Generate resources with 80+ AI teacher tools
Generate resources with 80+ AI teacher tools
Search 200,000 instructional videos
Search 200,000 instructional videos
Find a teaching resource
Find a teaching resource
Challenge: Parting Clouds InteractiveChallenge: Parting Clouds Interactive
Publisher
Khan Academy
Resource Details
Curator Rating
Educator Rating
Not yet Rated
Grade
6th - Higher Ed
Subjects
STEM
1 more...
Resource Types
Activities & Projects
1 more...
Audiences
For Student Use
1 more...
Duration
30 mins
Instructional Strategies
Guided Practice
2 more...
Usage Permissions
Creative Commons
BY-NC-SA: 3.0
cc
Interactive

Challenge: Parting Clouds

Curated and Reviewed by Lesson Planet
This Challenge: Parting Clouds interactive also includes:
  • JavaScript Guide
  • Student Reference
  • Join to access all included materials

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. 

12 Views 14 Downloads

Concepts

javascript, computer code, Computer Programming, coding, computer drawing, animation

Additional Tags

programming in javascript, drawing and animation coding

Pros

  • The results from changes in code are immediately displayed so coders can develop a deeper understanding of their code
  • Students who want to explore and advance on their own are free to try other options and learn by experimenting independently
  • Simple, easy-to-follow steps are broken down to help a variety of learners

Cons

  • At times, correct solutions may not be recognized by the coding app. Have students share their unique solutions, so others can see the number of different solutions that are possible. 

See similar resources:

Instructional Video

Terrific Text: Part Two

Khan Academy
Start being creative with your JavaScript text. The speaker defines a string and how to combine strings. The program modeled here displays the text, and using the mouseX and mouseY functions, the text grows as it moves. Your beginning...
4 mins 6th - Higher Ed STEM
Instructional Video

More While Loops: Balloon Hopper

Khan Academy
Starting with an empty computer screen for a coder can be as intimidating as a bare canvas to a painter or a blank sheet of paper to a writer. Where do you start? If you know what you are trying to build, then you just pick something and...
6th - Higher Ed STEM
Interactive

Challenge: Ice Cream Code

Khan Academy
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. 
6th - Higher Ed STEM
Interactive

Challenge: Mickey Mouse Ears

Khan Academy
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...
6th - Higher Ed STEM
Instructional Video

How Exactly Does Binary Code Work?

TED-Ed
As far as languages go, binary is pretty easy to learn. Scholars watch an informative video on binary code. It explains the basics of how binary code works, and then shows how people encode colors and sound as binary code.
5 mins 9th - 12th STEM
Interactive

Challenge: My Favorite Foods

Khan Academy
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...
6th - Higher Ed STEM
Interactive

Challenge: Funky Frog

Khan Academy
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...
5th - Higher Ed STEM
Interactive

Project: Build-a-House

Khan Academy
Start with a basic house created in JavaScript code and practice programming with loops as you add rows of windows, grass, flowers, or trees. How about some apples growing in the trees? You get the idea. Your coding students can let...
6th - Higher Ed STEM
Interactive

Project: Make it Rain

Khan Academy
Make it rain on your computer screen with this challenging JavaScript programming project. Modify the existing code of one little drop to create a downpour by using arrays and properties of arrays. But why stop there? How about some...
6th - Higher Ed STEM
Interactive

Challenge: Tasty Tomato

Curated OER
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...
2 mins 6th - Higher Ed STEM
Try It Free
© 1999-2026 Learning Explorer, Inc.
Teacher Lesson Plans, Worksheets and Resources

Sign up for the Lesson Planet Monthly Newsletter

Open Educational Resources (OER)

  • Health
  • Language Arts
  • Languages
  • Math
  • Physical Education
  • Science
  • Social Studies
  • Special Education
  • Visual and Performing Arts
View All Lesson Plans

Discover Resources

  • Our Review Process
  • How it Works
  • How to Search
  • Create a Collection

Manage Curriculum

  • Edit a Collection
  • Assign to Students
  • Manage My Content
Contact Us Site Map Privacy Policy Terms of Use