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
Functions and Top-Down Design Lesson PlanFunctions and Top-Down Design Lesson Plan
Publisher
Code.org
Resource Details
Curator Rating
Educator Rating
Not yet Rated
Grade
9th - 12th
Subjects
STEM
1 more...
Resource Types
Lesson Plans
2 more...
Audience
For Teacher Use
Duration
1 hr
Instructional Strategies
Collaborative Learning
1 more...
Technology
Internet Access
Lesson Plan

Functions and Top-Down Design

Curated and Reviewed by Lesson Planet
This Functions and Top-Down Design lesson plan also includes:
  • Top-Down Design (PDF)
  • Top-Down Design (Doc)
  • Join to access all included materials

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 order to efficiently create the drawing. 

8 Views 2 Downloads

Concepts

javascript, computer science, computer code, algorithms, design, technology resources

Instructional Ideas

  • Provide a few symmetrical geometric designs and challenge the class to draw them using JavaScript
  • Use the top-down design process to describe an everyday task ,such as getting to school

Classroom Considerations

  • The lesson assumes the class members have completed the 3X3 square challenge
  • The sixth in a series of 10 resources

Pros

  • The lesson plan provides a list of objectives the pupils will be able to do by the end of the lesson
  • The lesson begins with a discussion about what efficiency means

Cons

  • The overview is the same as the overview in lesson five

See similar resources:

Lesson Plan

What’s a Square Foot Anyway? Laying Out the Design Plan

University of Wisconsin
Clever! Participants don square-foot cardboard shoes to mark out the rain garden plot that they have spent the last few weeks designing. In this way, they are practicing scale modeling as well! Note that this lesson is part of a unit,...
3rd - 12th Math
CCSS: Adaptable
Instructional Video

Object Inheritance, Intro to JS: Drawing & Animation, Computer Programming

Khan Academy
There is an easier way to share functions among objects. The fifth section of a six-part series on object-oriented design introduces the concept of object inheritance. The coding helps pupils create a base object type that has all the...
7 mins 6th - Higher Ed STEM
Instructional Video

Object Methods, Intro to JS: Drawing & Animation, Computer Programming

Khan Academy
This video shows young programmers how to use the same concept to duplicate objects with different properties and attach functions to them. This method allows functions to be easily called with various objects.
5 mins 6th - Higher Ed STEM
Lesson Plan

Play on Words Design

Curated OER
Students create a design of an image that combines two words to create an unusual visualization. They improve their drawing skills by completing a detailed, colored pencil rendering of the "Play on Words" they design. Using technology...
9th - 12th STEM
Lesson Plan

Practice PT - Design a Digital Scene

Code.org
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...
9th - 12th 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
Lesson Plan

Design Step 6: Evaluate/Manufacture a Final Product

Teach Engineering
This is what all of the excitement has been building up to! Young engineers create engineering drawings, use machines to manufacture their products, test, and evaluate their designs in the last step in the engineering design...
9th - 12th STEM
CCSS: Designed
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
Lesson Plan

Green Roof Design

Science NetLinks
Green roofs aren't just eco-friendly — they are literally green with trees. Groups learn about the concept of green roofs in order to be able to design one. The groups design a 5,000-square-foot green roof for a fictional apartment row...
9th - 12th Science
Lesson Plan

Architecture: CAD Design

Curated OER
Students apply computer-assisted design programs to develop sketches and technical drawings for a three-bedroom house. Working together, they develop strategies for presenting their designs, investigate building codes, and hone skills...
10th - 12th Visual & Performing Arts
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