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
Project: Ad Design InteractiveProject: Ad Design 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

Project: Ad Design

Curated and Reviewed by Lesson Planet
This Project: Ad Design interactive also includes:
  • JavaScript Guide
  • Student Reference
  • Join to access all included materials

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 make a nice formative assessment as well. 

11 Views 11 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

Cons

  • None

See similar resources:

Activity

Coding Without Computers

DiscoverE
See what it feels like to be a robot. Scholars use programming vocabulary to program a human robot and test out their codes by acting them out. The code should result in stacking six cups into a pyramid.
6th - 12th STEM
Instructional Video

Modifying Arrays, Computer Programming

Khan Academy
An instructional video combines arrays, loops, and mouse clicks. The author shows how to modify JavaScript code to add a balloon each time the mouse is clicked. The video also shows two different ways to add to the end of the array: one...
6 mins 6th - Higher Ed STEM
Instructional Video

The Prison Break | Think Like A Coder, Ep 1

TED-Ed
Break free from monotonous lessons. An engaging video introduces the computer coding series and describes the ongoing context. Robots have taken over, and the hero needs to escape from prison and save the world by solving a set of clues....
7 mins 6th - 12th STEM
CCSS: Adaptable
Instructional Video

A Tour of Programming on Khan Academy

Khan Academy
Explore, create, and make mistakes. This is the call to action in a video on how to use Khan Academy to learn to write Java code. The speaker encourages learners to feel comfortable with the programming environment that is provided on...
6 mins 5th - Higher Ed STEM
Instructional Video

The Power of the Docs, Intro to JS: Drawing and Animation, Computer Programming

Khan Academy
While learning to code is an interesting academic pursuit in its own right, it also has other learning benefits. For one, coders learn how to learn. They continually explore, test, and draw conclusions about how certain things work. The...
6 mins 5th - Higher Ed STEM
Instructional Video

Arrays of Objects, Intro to JS: Drawing & Animation, Computer Programming

Khan Academy
Expand your beginning coder's use of objects in programs by looking at examples where you can change code to define and use objects in arrays and pass objects as parameters to a function. All of this leads to a deeper understanding of...
6 mins 6th - Higher Ed STEM
Instructional Video

Intro to Drawing

Khan Academy
Leap right into programming in JavaScript with this first video in the series. Start off with drawing a rectangle. Remember computers only know what you tell them. So you need to specify exactly where on the screen you want the...
6 mins 5th - Higher Ed STEM
Instructional Video

More Drawing!

Khan Academy
Now let's expand our coding to include ellipses, rectangles, and lines using this easy-to-follow video. We are also adding some formality to the language we use by defining the following terms: function, parameters, pixels, and the x and...
5 mins 5th - 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

Project: Design an Animal

Khan Academy
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...
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