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: Build-a-House InteractiveProject: Build-a-House 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 Teacher Use
1 more...
Duration
45 mins
Instructional Strategies
Flipped Classroom
2 more...
Usage Permissions
Creative Commons
BY-NC-SA: 3.0
cc
Interactive

Project: Build-a-House

Curated and Reviewed by Lesson Planet
This Project: Build-a-House interactive also includes:
  • JavaScript Guide
  • Project
  • Student Reference
  • Join to access all included materials

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 their creativity take over as they program their own picture. 

67 Views 56 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
  • 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:

Lesson Plan

Star Wars: Building a Galaxy with Code

Code.org
Welcome to the code side. The interactive lesson introduces coding in a game format with familiar characters. Young computer experts learn to develop code to control the interaction of the characters in the game. The activity ends with...
3 mins 6th - 12th STEM
App

Lightbot Jr 4 Coding Puzzles

Sprite Box
Learning how to write computer code has never been so much fun! Given control of their very own robots, children create simple programs in order to solve a series of challenges and develop their problem solving skills.
2nd - 8th STEM
Instructional Video

Local and Global Variables, Computer Programming

Khan Academy
This video explains the difference between local and global variables in JavaScript programming without getting into the nitty gritty of variable lifetimes. Using a small coding example with a function defined, the author shows how a...
5 mins 6th - Higher Ed STEM
Instructional Video

More Mouse Interaction, Computer Programming

Khan Academy
Creating interactive programs can be very exciting for new computer programmers. The author shows how to use mouseIsPressed within a conditional statement to create a small JavaScript program that responds to the user's mouse press.
4 mins 6th - Higher Ed STEM
Instructional Video

What is Programming?, Intro to JS: Drawing and Animation, Computer Programming

Khan Academy
It's time to unleash your class's inner geek. This introductory video starts one on a path of learning to code. It is the first in a series of videos that help you learn the fundamentals of coding. The series focuses on producing art and...
2 mins 5th - Higher Ed STEM
Instructional Video

Intro to Variables, Computer Programming

Khan Academy
What are variables, and why do I need them? These are the questions answered in this basic computer programming video. The author stresses the importance of how the equal sign used in math class has a different meaning than the equal...
4 mins 5th - Higher Ed STEM
Instructional Video

Terrific Text: Part One, Computer Programming

Khan Academy
A program that says, "Hello world," is considered a classic in computer programming. Have your young coders join the ranks of the many others who have created one of these programs. Of course, putting one's flare on a classic is always...
4 mins 6th - Higher Ed STEM
Instructional Video

Intro to Objects, Computer Programming

Khan Academy
When you introduce objects and object-oriented programming to your coding students, you are starting them on an important path. This introductory video shows how to replace the use of many variables with the use of a single object...
5 mins 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

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