Please enable JavaScript to use CodeHS


Introduction to Computer Science in JavaScript (Golden) (2022)

Lessons

  1. Programming with Karel

    1. 1.1 Introduction to Programming With Karel

    2. Description

      In this lesson, students are introduced to CodeHS and how Karel the Dog can be given a set of instructions to perform a simple task.

    3. Objective

      Students will be able to:

      • Write their first Karel program by typing out all of the Karel commands with proper syntax

      • Explain how giving commands to a computer is like giving commands to a dog

    4. 1.2 More Basic Karel

    5. Description

      In this lesson, students learn more about Karel and Karel’s world. Students learn about walls in Karel’s world, the directions Karel can face, and how to identify a location in Karel’s world using streets and avenues. In these exercises, students will begin to see the limitations of Karel’s commands. Students will need to apply Karel’s limited set of commands to new situations. For example, how can they make Karel turn right, even though Karel does not know a turnRight command?

    6. Objective

      Students will be able to…

      • Identify the direction that Karel is facing
      • Predict what direction Karel will be facing after executing a series of commands
      • Identify a location in Karel’s world using Street, Avenue terminology
    7. 1.3 Karel Can't Turn Right

    8. Description

      In this lesson, students will learn how they can create their own commands for Karel by calling and defining functions. Functions allow programmers to create and reuse new commands that make code more readable and scalable.

    9. Objective

      Students will be able to:

      • Define a function, and successfully implement functions in their code.
      • Teach Karel a new command by creating a turnRight() function
    10. 1.4 Functions in Karel

    11. Description

      In this lesson, students learn in more detail about functions, and how they can use functions to break down their programs into smaller pieces and make them easier to understand.

    12. Objective

      Students will be able to:

      • Create functions to teach Karel new commands
      • Explain the difference between defining and calling a function
      • Utilize these functions to write higher level Karel programs that go beyond the basic toolbox of commands that Karel starts with
    13. 1.5 The Start Function

    14. Description

      In this lesson, students will deepen their understanding of functions by learning about the start function. The start function helps to organize the readability of code by creating a designated place where code that is going to be run in a program can be stored:

      function start(){
         turnRight();
      }
      
      function turnRight(){
         turnLeft();
         turnLeft();
         turnLeft();
      }
    15. Objective

      Students will be able to:

      • Explain the functionality of the start function
      • Use the start function appropriately in their programs
      • Improve the readability of their code
    16. 1.6 Top Down Design and Decomposition in Karel

    17. Description

      In this lesson, students learn about Top Down Design and Decomposition. Top Down Design is the process of breaking down a big problem into smaller parts.

    18. Objective

      Students will be able to:

      • Break a large problem down into smaller, simpler problems
      • Write methods that solve the simpler problems, and use them as building blocks to solve the larger problem
      • Compare programs and identify good vs poor decomposition
    19. 1.7 Commenting Your Code

    20. Description

      In this lesson, students learn how to style their programs by including comments. Comments allow students to leave notes on their program that makes it easier for other to read. Comments are written in plain English.
      Commenting Your Code Example:

      /*
       *  multi-line  comments
       */
      
      // single line comments
    21. Objective

      Students will be able to:

      • Explain the preconditions and postconditions of a function
      • Create clear and readable comments in their code that help the reader understand the code
      • Explain the purpose of comments
    22. 1.8 Super Karel

    23. Description

      In this lesson, students are introduced to Super Karel! Since commands like turnRight() and turnAround() are so commonly used, students shouldn’t have to define them in every single program. This is where SuperKarel comes in. SuperKarel is just like Karel, except SuperKarel already knows how to turnRight and turnAround, so students don’t have to define those functions anymore!

    24. Objective

      Students will be able to:

      • Write programs that use SuperKarel instead of Karel
      • Utilize the new toolbox of commands that SuperKarel provides over Karel
      • Read documentation to understand how to use a library (SuperKarel is an example of this)
    25. 1.9 For Loops

    26. Description

      In this lesson, students learn how to use for loops in their programs. The for loop allows students to repeat a specific part of code a fixed number of times.

      For loops are written like this:

      for(var i = 0; i < 4; i++)
      {
          // Code to be repeated 4 times
      }
    27. Objective

      Students will be able to:

      • Create for loops to repeat code a fixed number of times
      • Explain when a for loop should be a used
      • Utilize for loops to write programs that would be difficult / impossible without loops
    28. 1.10 If Statements

    29. Description

      In this lesson, students learn about the conditional statement “if”. Code within an “if statement” will only execute IF the condition is true.

      if (frontIsClear()) {
          // Code to be executed only if front is clear
      }
    30. Objective

      Students will be able to:

      • Use conditions to gather information about Karel’s world (is the front clear, is Karel facing north, etc)
      • Create if statements that only execute code if a certain condition is true
    31. 1.11 If/Else Statements

    32. Description

      In this lesson, students learn about an additional control structure, if/else statements. If/else statements let students do one thing if a condition is true, and something else otherwise.

      if/else statements are written like this:

      if(frontIsClear())
       {
            // code to execute if front is clear
       }
       else
       {
            // code to execute otherwise
       }
      
    33. Objective

      Students will be able to:

      • Explain the purpose of an If/Else statement
      • Create If/Else statements to solve new types of problems
      • Identify when it is appropriate to use an If/Else statement
    34. 1.12 While Loops in Karel

    35. Description

      In this lesson, students are introduced a new type of loop: while loops. While loops allow Karel to repeat code while a certain condition is true. While loops allow students to create general solutions to problems that will work on multiple Karel worlds, rather than just one.

    36. Objective

      Students will be able to:

      • Explain the purpose of a while loop
      • Create while loops to repeat code while a condition is true
      • Utilize while loops to solve new types of problems
      • Test their solutions on different Karel worlds
    37. 1.13 Control Structures Example

    38. Description

      In this lesson, students learn how to combine and incorporate the different control structures they’ve learned to create more complex programs.

    39. Objective

      Students will be able to:

      • Identify the different control structures we can use to modify the flow of control through a program
      • Combine control structures to solve complicated problems
      • Choose the proper control structure for a given problem
    40. 1.14 More Karel Examples and Testing

    41. Description

      In this lesson, students get extra practice with control structures. Students will continue to see different ways that the if, if/else, while, and for loops affect their code and what Karel can do.

    42. Objective

      Students will be able to:

      • Debug common errors in code
      • Use control structures to create general solutions that work on all Karel worlds
    43. 1.15 How to Indent Your Code

    44. Description

      In this lesson, students review how they should indent their code to make it easier to read.

    45. Objective

      Students will be able to:

      • Explain why it is important to indent code
      • Identify proper indentation
      • Modify a program to have proper indentation
      • Write programs with proper indentation
    46. 1.16 Programming with Karel Quiz

    47. Description

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

    48. Objective

      Students will be able to:

      • Prove their knowledge of basic coding concepts with Karel through a multiple choice quiz
  2. Karel Challenges

    1. 2.1 Challenge Problems

    2. Description

      In this unit, students will synthesize all of the skills and concepts learned in the Karel unit to solve increasingly challenging Karel puzzles.

    3. Objective

      Students will be able to:

      • Define a problem in their own words and plan out a solution to the problem
      • Break a large problem down into smaller pieces and solve each of the pieces, then use these solutions as building blocks to solve the larger problem
      • Utilize the proper control structures to create general solutions that solve multiple Karel worlds
      • Write clear and readable code using control structures, functions, decomposition, and comments
  3. JavaScript and Graphics

    1. 3.1 Hello World

    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. 3.2 Variables

    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. 3.3 User Input

    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. 3.4 Basic Math in JavaScript

    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. 3.5 Using Graphics in JavaScript

    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. 3.6 Programming with JavaScript Quiz

    17. Description

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

    18. Objective

      Students will be able to:

      • Prove their knowledge of basic coding concepts through a multiple choice quiz
  4. Graphics Challenges

    1. 4.1 Collaborative Programming

    2. Description

      In this lesson, students will learn what pair programming is, why it is used, and the appropriate behaviors of a driver and navigator.

    3. Objective

      Students will be able to:

      • Effectively communicate their ideas to a partner
      • Successfully complete a coding exercise using pair programming
      • Identify the pros and cons of pair programming
    4. 4.2 Graphics Challenges

    5. Description

      In this unit, students will synthesize all of the skills and concepts learned in the JavaScript and Graphics unit to solve increasingly challenging puzzles.

    6. Objective

      Students will be able to:

      • Define a problem in their own words and plan out a solution to the problem
      • Break a large problem down into smaller pieces and solve each of the pieces, then use these solutions as building blocks to solve the larger problem
      • Write clear and readable graphics programs
  5. JavaScript Control Structures

    1. 5.1 Booleans

    2. Description

      In this lesson, students will learn more about boolean values. Booleans refer to a value that is either true or false, and are used to test whether a specific condition is true or false.

    3. Objective

      Students will be able to…

      • Create boolean variables to represent meaningful yes/no values
      • Print out the value of a boolean variable
    4. 5.2 Logical Operators

    5. Description

      In this lesson, students will learn about logical operators. Logical operators allow students to connect or modify Boolean expressions. Three logical operators are the !, ||, && characters.

      • ! = NOT
      • || = OR
      • && = AND
    6. Objective

      Students will be able to…

      • Describe the meaning and usage of each logical operator: OR (||), AND (&&), and NOT (!)
      • Construct logical statements using boolean variables and logical operators
    7. 5.3 Comparison Operators

    8. Description

      In this lesson, students learn how to use comparison operators. Comparison operators let students compare two values.

    9. Objective

      Students will be able to…

      • Explain the meaning of each of the comparison operators (<, <=, >, >=, ==, !=)
      • Create programs using the comparison operators to compare values
      • Predict the boolean result of comparing two values
      • Print out the boolean result of comparing values
    10. 5.4 If Statements

    11. Description

      In this lesson, students learn about if statements as a way to make decisions and execute specific code depending on the validity of a condition.

    12. Objective

      Students will be able to…

      • Explain the purpose of if statements
      • Create their own if statements to selective choose which code is executed in their programs
    13. 5.5 For Loops in JavaScript

    14. Description

      In this lesson, students will learn in greater detail about for loops. For loops in Javascript are written and executed in the same manner as Karel exercises, except now students will explore modifying the initialization statement, test statement, and increment statements of the loops.

    15. Objective

      Students will be able to…

      • Create for loops in JavaScript
      • Explain the purpose of for loops
      • Utilize for loops to avoid typing out repeated code
      • Use the loop counter i inside the for loop code to do something different on each iteration
    16. 5.6 General For Loops

    17. Description

      In this lesson, students will explore in more detail how they can modify the initialization statement, test statement, and increment statement in a for loop.

    18. Objective

      Students will be able to…

      • Explain the three parts of the for loop (initialization statement, test statement, increment statement)
      • Create for loops that iterate differently than the basic for loop structure (ie count by twos or count backwards)
    19. 5.7 For Loop Practice

    20. Description

      In this lesson, students will learn how to create for loops to solve increasingly challenging problems by using nested for loops and branching control structures.

    21. Objective

      Students will be able to…

      • Explain the purpose of for loops
      • Create for loops to solve increasingly challenging problems
      • Create nested for loops
    22. 5.8 Random Numbers

    23. Description

      In this lesson, students will learn how randomization can enhance a program and be used in combination with various control structures.

    24. Objective

      Students will be able to…

      • Explain why random numbers are a useful part of computer programs
      • Create random values in a program
      • Utilize the DOCS for the Randomizer class in order to learn how to generate random values
    25. 5.9 While Loops

    26. Description

      In this lesson, students will explore while loops and JavaScript variables. This combines the ideas of creating variables, updating variables throughout a loop, and determining the correct ending condition.

    27. Objective

      Students will be able to…

      • Explain the purpose of a while loop
      • Create while loops to repeat code while a condition is true
      • Utilize while loops to solve new types of problems
    28. 5.10 Loop and a Half

    29. Description

      In this lesson, students will learn how to create a Loop and Half. A Loop and a Half is a specific way to write a while loop with the condition being true. Inside the loop, students create a SENTINEL value to break out of the loop whenever that condition is met, causing the loop to end.

    30. Objective

      Students will be able to:

      • Explain how the loop-and-a-half structure is different from a traditional while loop
      • Explain what an infinite loop is
      • Explain what the break statement does
      • Create programs that use the loop-and-a-half structure to repeat code until a SENTINEL is met, causing the program to break out of the loop
    31. 5.11 Javascript Control Structures Quiz

    32. Description

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

    33. Objective

      Students will be able to:

      • Prove their knowledge of control structures through a multiple choice quiz
  6. Control Structures Challenges

    1. 6.1 Control Structures Challenges

    2. Description

      In this unit, students will synthesize all of the skills and concepts learned in the Control Structures unit to solve increasingly challenging puzzles.

    3. Objective

      Students will be able to:

      • Define a problem in their own words and plan out a solution to the problem
      • Break a large problem down into smaller pieces and solve each of the pieces, then use these solutions as building blocks to solve the larger problem
      • Utilize the proper control structures to create general solutions
      • Write clear and readable code using control structures, decomposition, and comments
  7. Functions and Parameters

    1. 7.1 Functions and Parameters 1

    2. Description

      In this lesson, students learn about functions and parameters in the context of JavaScript, which builds on their prior knowledge of working with functions in Karel. This lesson focuses specifically on defining and calling functions, and passing simple, single parameters to functions.

    3. Objective

      Students will be able to…

      • Explain the purpose of functions
      • Create JavaScript functions
      • Utilize JavaScript functions to solve simple problems
      • Create functions that take in parameters as input
    4. 7.2 Functions and Parameters 2

    5. Description

      In this lesson, students will work with, define and call their own functions that take in multiple parameters as input and print out output.

    6. Objective

      Students will be able to:

      • Explain the purpose of functions
      • Create JavaScript functions
      • Utilize JavaScript functions to solve simple problems
      • Create functions that take in multiple parameters as input, and use print statements for output
    7. 7.3 Functions and Parameters 3

    8. Description

      In this lesson, students continue working with multiple parameters that create graphics as output which is very useful, since creating several different graphical objects involves writing the same code over and over again (set the size, set the color, set the location, etc).

    9. Objective

      Students will be able to:

      • Explain the purpose of functions
      • Create JavaScript functions
      • Utilize JavaScript functions to simplify graphics programs
      • Identify repeated code that can be simplified with functions and parameters
      • Create functions that take in multiple parameters as input, and create graphics as output
    10. 7.4 Functions and Return Values 1

    11. Description

      In this lesson, students learn about return values so they can write functions that do some work and send the result back or use later in the program.

    12. Objective

      Students will be able to:

      • Explain the purpose of returning a value from a function.
      • Create functions that return values.
      • Create programs that call functions with return values and store the result for later use.
    13. 7.5 Functions and Return Values 2

    14. Description

      In this lesson, students work with and define functions with return values and more than one parameter.

    15. Objective

      Students will be able to:

      • Explain the purpose of returning a value from a function.
      • Create functions that return values.
      • Create programs that call functions with return values and use the return values to solve a higher order problem.
    16. 7.6 Local Variables and Scope

    17. Description

      In this lesson, students will explore the scoping of a variable, which is where the variable is “defined” or where it exists.

    18. Objective

      Students will be able to:

      • Identify the scope of a variable
      • Identify which variables are in scope at a given point in a program
    19. 7.7 Functions and Parameters Quiz

    20. Description

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

    21. Objective

      Students will be able to:

      • Prove their knowledge of functions and parameters through a multiple choice quiz
  8. Functions Challenges

    1. 8.1 Functions Challenges

    2. Description

      In this unit, students will synthesize all of the skills and concepts learned in the Functions and Parameters unit to solve increasingly challenging puzzles.

    3. Objective

      Students will be able to:

      • Synthesize the skills and concepts from the JavaScript and Graphics, JavaScript Control Structures, and the Functions and Parameters units to solve increasingly difficult programming challenges
      • Break down a large problem into smaller parts using Top Down Design, and solve each of these smaller parts using functions
      • Create helpful comments with preconditions and postconditions to help the reader understand the code
      • Find and fix bugs in large programs
  9. Animation and Games

    1. 9.1 Timers

    2. Description

      In this lesson, students will be introduced to the concept of using timers for animation. Now instead of having graphics programs that stay the same, the content changes every time the timer runs. The first program students will see is a moving ball, so discussing this with the class as a demo on the projector is very useful.

    3. Objective

      Students will be able to:

      • Explain in their own words how animation works
      • Create animation in programs using the setTimer function
      • Explain what a callback function is
    4. 9.2 Random Circles

    5. Description

      In this lesson, we’ll look at more examples with timers and start making more interesting animations. Students will use timers and the Randomizer to create animations on the canvas.

    6. Objective

      Students will be able to:

      • Create programs with timers to create increasingly challenging animations
      • Analyze existing programs and explain how they create animations
      • Utilize the Randomizer to generate random events in their animations
    7. 9.3 Random Ghosts

    8. Description

      In this lesson, students use timers in combination with the other ideas they have learned, including more graphics as well as coordinate math to create different objects. The random ghosts serves as a fun example to show how you can modify things once you have the basic building blocks in place to make them more readable and easier to alter.

    9. Objective

      Students will be able to:

      • Explain the general workflow of creating an animation program
      • Analyze animation programs and identify similarities and differences
      • Create increasingly challenging animations using timers, graphics, and the Randomizer
    10. 9.4 Bouncing Ball

    11. Description

      In this lesson, students build on the use of timers and utilize if statements inside timers to dynamically change what the animations are doing.

    12. Objective

      Students will be able to:

      • Create increasingly challenging animations that simulate movement using timers
    13. 9.5 Mouse Events: Mouse Clicked

    14. Description

      In this lesson, students are introduced to a way input can be taken from the user’s mouse using the mouse clicked method.

    15. Objective

      Students will be able to:

      • Describe how events are different than timers
      • Use mouse click events to create programs that respond to user clicks
    16. 9.6 Mouse Events: Mouse Moved

    17. Description

      In this lesson, students learn how to extend mouse events to make interactive animations using the dragging motion of the mouse.

    18. Objective

      Students will be able to:

      • Explain how events are different from timers.
      • Create interactive programs that use events to respond to the mouse moving
    19. 9.7 Drawing Lines

    20. Description

      In this lesson we continue to use user input via the mouse to create interactive programs.

    21. Objective

      Students will be able to:

      • Explain how events are different from timers.
      • Create interactive programs that use events to respond to the mouse moving.
    22. 9.8 Key Events

    23. Description

      In this lesson, students will learn how to use keyboard keys to control events. Keyboard events capture when the user presses keys on the keyboard. This allows students to write programs that take input from the keyboard to change what is happening in the program.

    24. Objective

      Students will be able to:

      • Explain how events are different from timers.
      • Create interactive programs that use events to respond to the keyboard input.
    25. 9.9 Crazy Ball Game

    26. Description

      In this lesson, students will create programs that combine multiple ideas from this unit.

    27. Objective

      Students will be able to:

      • Synthesize the skills and concepts learned in the Animation and Games unit to create advanced, interactive programs.
    28. 9.10 Animation and Games Quiz

    29. Description

      In this lesson, students review content with a 25 question End-of-Unit Quiz.

    30. Objective

      Students will be able to:

      • Prove their knowledge of various concepts in animation through a multiple choice quiz
  10. Animation Challenges

    1. 10.1 Animation Challenges

    2. Description

      In this unit, students will synthesize all of the skills and concepts learned in the Animations unit to solve increasingly challenging puzzles.

    3. Objective

      Students will be able to:

      • Define a problem in their own words and plan out a solution to the problem
      • Break a large problem down into smaller pieces and solve each of the pieces, then use these solutions as building blocks to solve the larger problem
      • Utilize the proper control structures to create general solutions
      • Write clear and readable code using timers, events, control structures, functions, decomposition, and comments
  11. Project: Breakout

    1. 11.1 Breakout

    2. Description

      In this unit, students will bring together everything they have learned in the course to create a fully functional game.

    3. Objective

      Students will be able to:

      • Synthesize the skills and concepts from Java Script Control Structures, Functions and Parameters, and Animation and Games to create their very own Breakout game from scratch!
      • Break down a large problem into smaller parts using Top Down Design, and solve each of these smaller parts using functions
      • Create helpful comments with preconditions and postconditions to help the reader understand the code
      • Find and fix bugs in large programs
  12. Final Project

    1. 12.1 Project Prep and Development

    2. Description

      In this final programming module, students will put together all of the concepts learned throughout the course to create a program of their choice. They will work with partners or in groups to creatively develop a program of their choosing.

    3. Objective

      Students will be able to:

      • Synthesize concepts and skills learned in the course to create their own final project.
      • Scope their project (eliminate features that aren’t necessary) so that it fits in the timeframe allotted.
      • Present their project to their classmates and talk about how the project was developed.
  13. Final Exam

    1. 13.1 Final Exam

    2. Description
    3. Objective
  14. Midterm

    1. 14.1 Midterm

    2. Description
    3. Objective
  15. Extra Karel Practice

    1. 15.1 Extra Karel Practice

    2. Description
    3. Objective
  16. Extra Karel Puzzles

    1. 16.1 Extra Karel Puzzles

    2. Description
    3. Objective
  17. Functions and Parameters Practice

    1. 17.1 Functions and Parameters Practice

    2. Description
    3. Objective
  18. Extra Console Challenges

    1. 18.1 Prime Numbers

    2. Description
    3. Objective
  19. More Graphics and Animation

    1. 19.1 Fun Snake

    2. Description
    3. Objective
    4. 19.2 Fun Graphics Challenges

    5. Description
    6. Objective
  20. Data Structures Challenge Problems

    1. 20.1 Conway's Game of Life

    2. Description
    3. Objective
    4. 20.2 Connect Four

    5. Description
    6. Objective
  21. Evolution Simulation

    1. 21.1 Evolution Simulation

    2. Description
    3. Objective
  22. Demo Problems

    1. 22.1 Lesson 1

    2. Description
    3. Objective
  23. Extra Quiz Questions

    1. 23.1 Basic Javascript and Graphics

    2. Description
    3. Objective
    4. 23.2 Animation and Games

    5. Description
    6. Objective
    7. 23.3 Basic Data Structures

    8. Description
    9. Objective
  24. Visualizing Music

    1. 24.1 Visualizing Music

    2. Description
    3. Objective
  25. Data Structures

    1. 25.1 Intro to Lists/Arrays

    2. Description

      In this lesson, students learn about lists/arrays and how to access an element in an array with an index so they can create ordered collections of items and use them in their programs.

    3. Objective

      Students will be able to:

      • Define an array
      • Access certain elements of an array by using an index
    4. 25.2 Indexing Into an Array

    5. Description

      In this lesson, students continue to work with array indexing to get and assign array values so they can incorporate arrays/lists into their programs and handle data more efficiently.

    6. Objective

      Students will be able to:

      • Use indexing to call and assign items in an array
    7. 25.3 Adding/Removing From an Array

    8. Description

      In this lesson, students learn how to add and remove elements at the end of an array using the push and pop methods.

    9. Objective

      Students will be able to:

      • Add elements at the end of an array using the push method
      • Remove elements from the end of an array using the pop method
    10. 25.4 Array Length and Looping Through Arrays

    11. Description

      In this lesson, students will be able to get the length of an array and learn how to loop through an array so they can have more functionality with arrays in their programs.

    12. Objective

      Students will be able to:

      • Determine the length of an array using the length property
      • Use the length of an array and a for loop to loop through the elements in an array
      • Loop over an array to filter or print certain elements based on tested criteria
    13. 25.5 Iterating Over an Array

    14. Description

      In this lesson, students will be able to get the length of an array and loop through an array so they can use arrays in problems involving random numbers and JavaScript graphics.

    15. Objective

      Students will be able to:

      • Use the length of an array and a for loop to loop through the elements in an array
      • Loop over an array to filter or print certain elements based on tested criteria
      • Using iteration on arrays for problems involving randomness and graphics
    16. 25.6 Finding an Element in a List

    17. Description

      In this lesson, students learn and use another method on a list, indexOf in order to find elements in lists within their programs.

    18. Objective

      Students will be able to:

      • Use the indexOf method to find the index of a particular element in an array.
    19. 25.7 Removing an Element From an Array

    20. Description

      In this lesson, students will learn how to use the splice and remove methods to remove an element from an array to add more functionality to their programs.

    21. Objective

      Students will be able to:

      • Use the splice and remove methods to remove an element from an array.
    22. 25.8 Intro to Objects/Maps

    23. Description

      In this lesson, students will learn how to create objects and store key/value pairs of data.

    24. Objective

      Students will be able to…

      • Understand what objects are and how they store data.
      • Understand the difference between an object’s key and value.
      • Create an empty object and assign it a key/value pair.
    25. 25.9 Basics of Objects

    26. Description

      In this lesson, students will learn additional techniques to initialize an object with data and assign new data.

    27. Objective

      Students will be able to…

      • Initialize an object with key/value data
      • Assign values to objects using Object Property Notation
      • Understand more examples of how to assign and use keys
    28. 25.10 Iterating Over an Object

    29. Description

      In this lesson, students will learn how to use a for…in loop to iterate over all of the keys in an object.

    30. Objective

      Students will be able to…

      • Iterate through the keys of an object
      • Better understand the difference between keys and values in an object
    31. 25.11 When Do I Use an Object?

    32. Description

      In this lesson, students will reflect on when to use an object as their data structure and learn about programming paradigms.

    33. Objective

      Students will be able to…

      • Better understand when to choose an object as their data structure.
      • How to check if a key is in an object.
      • Define and compare different programming paradigms
    34. 25.12 Intro to Sets

    35. Description

      In this lesson, students are introduced to sets as a way to store an unordered, unique list of items.

    36. Objective

      Students will be able to…

      • Understand when to choose a set as the appropriate data structure.
      • Create a new set.
      • Populate a set, check if an element is in a set, and remove an item from a set.
    37. 25.13 Intro to Grids

    38. Description

      In this lesson, students learn how to store data in a table-like format using grids.

    39. Objective

      Students will be able to…

      • Conceptually understand and visualize how grids store data.
      • Create, populate, and retrieve data from grids.
    40. 25.14 Looping Over a Grid

    41. Description

      In this lesson, students will learn how to iterate through every element stored in a grid.

    42. Objective

      Students will be able to…

      • Iterate through all of the elements stored in a grid.
    43. 25.15 Grid Example: Get a Row

    44. Description

      In this lesson, students will practice looping through grids.

    45. Objective

      Students will be able to…

      • Confidently loop through the elements in a grid and output a single row.
    46. 25.16 Data Structures Challenges

    47. Description

      In this lesson, students will develop a digital watercolor program and complete a culminating Data Structures quiz.

    48. Objective

      Students will be able to…

      • Demonstrate their proficiency with different JavaScript data structures.
      • Recall prior knowledge about JavaScript graphics and mouse events.
  26. Project: Tic Tac Toe

    1. 26.1 Tic Tac Toe

    2. Description
    3. Objective
  27. Project: Helicopter Game

    1. 27.1 Game Design: Helicopter

    2. Description

      In this module students get to combine the ideas introduced in JavaScript, graphics, and data structures to create a fun and simple game.

    3. Objective
    4. 27.2 Basics

    5. Description
    6. Objective
    7. 27.3 Improvements

    8. Description

      Students continue to work on the helicopter game.

    9. Objective
    10. 27.4 Polish

    11. Description
    12. Objective
    13. 27.5 Intro to Computer Science Completed

    14. Description
    15. Objective
  28. Intro to CS: JavaScript Posttest

    1. 28.1 Intro to CS: JavaScript Posttest

    2. Description
    3. Objective