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: Bookshelf InteractiveProject: Bookshelf 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: Bookshelf

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

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. 

6 Views 7 Downloads

Concepts

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

Additional Tags

programming in javascript, drawing and animation coding, object-oriented programming

Pros

  • Also contains interesting alternative project ideas
  • 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:

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

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

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

Project: Crazy Painter

Khan Academy
An activity titled Crazy Painter might not be high on your list of new things to try with your class; however, you will be happy to know this task has your young coders writing a mess-free painter application in JavaScript. The...
6th - Higher Ed STEM
Interactive

Challenge: Number Analyzer

Khan Academy
The JavaScript program you create will answer a simple question about a number. Is it positive, negative, or zero? Create a Boolean expression and use conditional if statements to test the value and then print the...
6th - Higher Ed STEM
Interactive

Bonus Project: Custom Clothing

Khan Academy
Clothing design, do you know any teenagers that are interested in that? How about mixing what they have learned about JavaScript programing and the creativity of designing a piece of clothing? This activity does just that. Practice the...
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