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: What's for Dinner? InteractiveProject: What's for Dinner? 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: What's for Dinner?

Curated and Reviewed by Lesson Planet
This Project: What's for Dinner? interactive also includes:
  • JavaScript Guide
  • Student Reference
  • Join to access all included materials

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 interest to your plate. Coders share their creations after they are complete. Afterward, you might just want to supply your hardworking programmers with a healthy snack for their efforts. 

10 Views 10 Downloads

Concepts

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

Additional Tags

drawing and animation coding, programming in java script

Pros

  • The results from changes in code are immediately displayed so coders can develop a deeper understanding of their code
  • Simple, easy-to-follow steps are broken down to help a variety of learners
  • 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

Code Creators

PBS
The lesson is real—even if the computer code isn't. Scholars learn about pseudocode, which simulates computer code using everyday language. They write pseudocode for simple actions, then have classmates guess the action from the written...
3rd - 8th 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

Project: Magic 8-Ball

Khan Academy
Your student programmers will enjoy creating their own Magic 8-ball in this JavaScript activity. This a great opportunity to practice using if and else statements based on randomly generated numbers. What will you ask the 8-ball? 
6th - Higher Ed STEM
Interactive

Project: Ad Design

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

Project: Fish Tank

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

Project: Bookshelf

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

Project: Public Transportation

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

Code for Equality

Google
It's my belief that all learners should have equal access to computer science projects! Young computer scientists learn about variables, encapsulation, sequences, and objects in block-based coding. They create a collage by first...
6th - 12th Math
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