New Jersey Computer Science

Lessons

1. Introduction to Programming

2. JavaScript and Graphics

1. 2.1 Hello World

   • Lesson Plan
2. Description

   In this lesson, students will learn how to print messages out onto the console using the Javascript command println.

3. Objective

   Students will be able to:

   • Write a JavaScript program by typing commands with proper syntax in the start function
   • Write a program that prints out a message to the user

4. 2.2 Variables

   • Lesson Plan
5. Description

   In this lesson, students learn how to assign values to variables, manipulate those variable values, and use them in program statements. This is the introductory lesson into how data can be stored in variables.

6. Objective

   Students will be able to…

   • Explain what variables are and what they are used for
   • Create their own variables
   • Print out the values stored in variables

7. 2.3 User Input

   • Lesson Plan
8. Description

   In this lesson, students learn how they can allow users to input information into their programs, and use that input accordingly.

9. Objective

   Students will be able to…

   • Create programs that ask the user for input
   • Store user input in variables and print it back to the user
   • Choose the proper input function to use depending on the type of information needed

10. 2.4 Basic Math in JavaScript

    • Lesson Plan
11. Description

    In this lesson, students learn about the different mathematical operators they can use to perform mathematical computations and create useful programs that compute information for the user.

12. Objective

    Students will be able to…

    • Describe the different mathematical operators we can use in programs
    • Create programs that use basic math to compute useful things
    • Create programs that take in user input, do simple computations with the input, and produce useful output

13. 2.5 Using Graphics in JavaScript

    • Lesson Plan
14. Description

    In this lesson, students will learn the basics of creating graphics objects. Graphic creation relies on setting the type, shape, size, position, and color on the artist?s canvas before adding to the screen. Using the geometric concepts, and the concept of getWidth() and getHeight(), multiple graphic objects can be created in JavaScript.

15. Objective

    Students will be able to…

    • Create graphical JavaScript programs that draw shapes on the canvas
    • Locate points on the graphics canvas using (x, y) coordinates

16. 2.6 Programming with JavaScript Quiz

    • Lesson Plan
17. Description

    In this lesson, students review content with a 15 question Unit Quiz.

18. Objective

    Students will be able to:

    • Prove their knowledge of basic coding concepts through a multiple choice quiz

3. JavaScript Control Structures

4. Functions and Parameters

5. Project: Tell a Story

6. Basic Data Structures

7. Digital Information

8. The Internet and Computers

9. Project: The Effects of the Internet

10. Data

11. Project: Present a Data-Driven Insight

12. Creative Development

13. Final

14. Midterm

15. Extra Karel Practice

16. Extra Karel Puzzles

17. Karel Challenges

18. Web Development

19. Functions and Parameters Practice

20. Extra Console Challenges

21. Animation and Games

22. Project: Breakout

23. Data Structures Challenge Problems

24. Visualizing Music

25. Project: Tic Tac Toe

26. Project: Helicopter Game

27. More Basic Data Structures

28. Computer Science Principles Pretest

29. Computer Science Principles Posttest