FREE K-12 AI LITERACY COURSES FOR THE 26-27 SY! Learn more here.

Courses for every classroom

JavaScript 3

This course builds on the concepts covered in JavaScript 1 and 2.

Semester course · 20 lessons · 1 unit

  • JavaScript
  • Voyage
  • Semester
  • 6th grade
  • 7th grade
  • 8th grade
  • 9th grade
  • 10th grade
  • 11th grade
  • 12th grade

Recommended prerequisite: JavaScript 2

Course Summary

JavaScript 3 introduces students to objects and how they’re used to organize and manage data in programs. Students explore object properties, methods, constructors, and how to interact with HTML elements and APIs. By the end, they’ll be able to build interactive web pages using objects and basic DOM manipulation.

Course Outline

    1. Intro to Objects This introductory lesson addresses objects and their uses.
    2. Project: Check Inventory Use JavaScript to simulate checking inventory of a warehouse.
    3. Declaring an Object Let's see how objects are declared and make some ourselves!
    4. Project: Fight Enemies Use JavaScript to make a mini game to fight enemies.
    5. Accessing Object Attributes/Properties Objects are great but not if we can't access the properties inside of it. This lesson covers how to save these properties and use them.
    6. Project: Start a Zoo Use JavaScript to make a 'zoo' with objects and constructors.
    7. Methods Similar to functions, methods allow us to run specific code on objects that we can create.
    8. Project: Have a Car Race Use JavaScript objects to simulate a car race.
    9. Constructors Constructors build a solid foundation for our objects. This lesson will teach us how to use constructors.
    10. Assigning Unique Names to Tags This lesson covers using class names and id names to identify your HTML elements easier.
    11. Project: Magic Moving Box Use jQuery and JavaScript to create a movable box on a web page
    12. jQuery jQuery is a useful JavaScript library that simplifies and adds to the JavaScript functionality.
    13. Project: Place an Order Use HTML and JavaScript to get an order from a user.
    14. getElementById getElementById is a great way to get HTML elements from your HTML file.
    15. Project: Calculator Website Use HTML and JavaScript to make a calculator web page
    16. Inner HTML Extracting the HTML out of an element can allow us to change, delete or add to the current content. This lesson covers how it's done.
    17. Project: To Do List Make a to do list using HTML and JavaScript
    18. Interaction Checkpoint This is the interaction checkpoint. Good luck!
    19. Project: Make an Idle Game Use JavaScript and HTML to make a simple idle game.
    20. APIs

Standard Alignment

State standards documents

Document Standards Grades
National
2022 Skill Struck Standards Alignment + Correlation Guide CSTA K-12 Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Alabama
Alabama Course of Study Digital Literacy and CS Standards + Skill Struck Alignment Alabama Course of Study Digital Literacy and CS Standards K-2, 3-5, 6-8, 9-12
Arizona
Arizona Computer Science Standards + Skill Struck Alignment Arizona Computer Science Standards K-2, 3-5, 6-8, 9-12
Arkansas
Arkansas Computer Science and Computing Standards High School Programming + Skill Struck Alignment Arkansas Computer Science and Computing Standards High School Programming · 2023 9-12
Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards + Skill Struck Alignment Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards · 2023 6-8
California
California K-12 CS Standards + Skill Struck Alignment California K-12 CS Standards K-2, 3-5, 6-8, 9-12
Georgia
Georgia Standards of Excellence for K-8 Computer Science + Skill Struck Alignment Georgia Standards of Excellence for K-8 Computer Science K-2, 3-5, 6-8
Idaho
Idaho Content Standards Computer Science + Skill Struck Alignment Idaho Content Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Illinois
Illinois Computer Science Standards + Skill Struck Alignment Illinois Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Indiana
Indiana K-12 Computer Science Standards + Skill Struck Alignment Indiana K-12 Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Iowa
Iowa Computer Science Standards + Skill Struck Alignment Iowa Computer Science Standards K-2, 3-5, 6-8, 9-12
Kansas
Kansas CS Standards P-12 + Skill Struck Alignment Kansas CS Standards P-12 · 2023 K-2, 3-5, 6-8, 9-12
Kentucky
Kentucky Academic Standards for Computer Science + Skill Struck Alignment Kentucky Academic Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Maryland
Maryland K-12 CS Standards + Skill Struck Alignment Maryland K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Massachusetts
Massachusetts Digital Literacy and Computer Science Standards + Skill Struck Alignment Massachusetts Digital Literacy and Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Michigan
Michigan K-12 Standards Computer Science + Skill Struck Alignment Michigan K-12 Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Mississippi
Mississippi College and Career Readiness standards for Computer Science + Skill Struck Alignment Mississippi College and Career Readiness standards for Computer Science · 2022 K-2, 3-5, 6-8, 9-12
Missouri
Missouri K-12 Computer Science Performance Standards + Skill Struck Alignment Missouri K-12 Computer Science Performance Standards · 2023 K-2, 3-5, 6-8, 9-12
Nebraska
Nebraska K-12 Technology Standards + Skill Struck Alignment Nebraska K-12 Technology Standards · 2023 K-2, 3-5, 6-8, 9-12
Nevada
Nevada Academic Content Standards for CS + Skill Struck Alignment Nevada Academic Content Standards for CS K-2, 3-5, 6-8, 9-12
Nevada Academic Content Standards for Integrated Technology + Skill Struck Alignment Nevada Academic Content Standards for Integrated Technology K-2, 3-5, 6-8, 9-12
Nevada Computer Science Standards + Skill Struck Alignment Nevada Computer Science Standards 9-12
New Jersey
New Jersey Computer Science and Design Thinking Standards + Skill Struck Alignment New Jersey Computer Science and Design Thinking Standards · 2020 K-2, 3-5, 6-8, 9-12
New York
New York Computer Science and Digital Fluency Learning Standards K-12 + Skill Struck Alignment New York Computer Science and Digital Fluency Learning Standards K-12 K-2, 3-5, 6-8, 9-12
North Carolina
North Carolina K-12 CS Standards + Skill Struck Alignment North Carolina K-12 CS Standards K-2, 3-5, 6-8, 9-12
Ohio
Ohio's Learning Standards Computer Science + Skill Struck Alignment Ohio's Learning Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Oklahoma
Oklahoma Academic Standards for Computer Science + Skill Struck Alignment Oklahoma Academic Standards for Computer Science K-2, 3-5, 6-8, 9-12
Rhode Island
Rhode Island's K-12 CS Education Standards + Skill Struck Alignment Rhode Island's K-12 CS Education Standards K-2, 3-5, 6-8, 9-12
South Carolina
South Carolina Computer Science and Digital Literacy Standards + Skill Struck Alignment South Carolina Computer Science and Digital Literacy Standards · 2023 K-2, 3-5, 6-8
South Carolina's Computer Science Standards for High School + Skill Struck Alignment South Carolina's Computer Science Standards for High School · 2023 9-12
Tennessee
Tennessee K-12 Computer Science State Standards + Skill Struck Alignment Tennessee K-12 Computer Science State Standards · 2023 K-2, 3-5, 6-8, 9-12
Texas
TEKs Skills for CTE + Skill Struck Alignment TEKs Skills for CTE 9-12
TEKs Technology Applications K-8 Standards + Skill Struck Alignment TEKs Technology Applications K-8 Standards K-2, 3-5, 6-8
Utah
Utah 6-12 CS Standards + Skill Struck Alignment Utah 6-12 CS Standards · 2019 6-8, 9-12
Virginia
Virginia K-12 CS Standards + Skill Struck Alignment Virginia K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Washington
Washington K-12 CS State Learning Standards + Skill Struck Alignment Washington K-12 CS State Learning Standards K-2, 3-5, 6-8, 9-12
Wisconsin
Wisconsin Standards for Computer Science + Skill Struck Alignment Wisconsin Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Wyoming
Wyoming Computer Science Content Standards + Skill Struck Alignment Wyoming Computer Science Content Standards · 2020 K-2, 3-5, 6-8

Course Project

Students will complete hands-on JavaScript projects to apply coding concepts and apply what they’ve learned.