10/28-11/1


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.

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

For loops in Javascript are written and executed in the same manner as the Karel exercises. However, now we explore in more detail the other parts of the loop besides using it as just a counter. We can modify the initialization statement, test statement, and increment statement. The caterpillar problem is one of the more challenging problems because it has students combine several concepts. You will probably spend a week on for loops.

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)


For loops in Javascript are written and executed in the same manner as the Karel exercises. However, now we explore in more detail the other parts of the loop besides using it as just a counter. We can modify the initialization statement, test statement, and increment statement. The caterpillar problem is one of the more challenging problems because it has students combine several concepts. You will probably spend a week on for loops.

Objective

Students will be able to…

  • Explain the purpose of for loops
  • Create for loops to solve increasingly challenging problems
  • Create nested for loops: for loops inside of for loops

A randomizer gives a program the appearance of randomly generated number, color or attribute in a program. The Randomizer can be used in conjunction with nextInt(low, high)nextBoolean()nextFloat(low, high), and nextColor(). It can be utilized to make programs more interesting and engaging for users. With this lesson, students will be made to see how randomization can enhance a program and used in combination with various control structures.

Objective

Students will be able to…
* Explain why random numbers are a useful part of computer programs
* Create random values in a program
* Create programs that do something different on each run depending on random values that are generated
* Utilize the DOCS for the Randomizer class in order to learn how to generate random values


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. Note that the fibonacci problem is a bit tricky, so you may want to discuss the idea of that on the board or projector.

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

A Loop and a Half is a specific way to write a while loop with the condition being true. Inside the loop, you compare to a SENTINEL value to break out of the loop. This structure often allows you to write less code.

Objective

Students will be able to…
* Explain the 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

10/22-10/25


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.

Objective

Students will be able to…

  • Create boolean variables to represent meaningful yes/no values
  • Print out the value of a boolean variable

Logical operators allow us to connect or modify Boolean expressions. Three logical operators are the !, ||, && characters.
* ! = NOT
* || = OR
* && = AND
Logical operators can be used in combination.

With these logical operators, we can construct logical statements such as “I go to sleep when I am tired OR it’s after 9pm”, “I wear flip flops when I am outside AND it is NOT raining”

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


Comparison operators let us compare two values. Using comparison operators in programming is similar to math in that less than <, greater than >, less than or equal to <=, and greater than or equal to >= are the same. The differences are that operators for equal to are == and not equal are !=. Using comparison operators allows our program to make decisions.

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


JavaScript uses if statements as a way to make decisions and execute specific code. If statements are helpful in writing code that can be used in different situations.

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


For loops in Javascript are written and executed in the same manner as the Karel exercises. However, now we explore in more detail the other parts of the loop besides using it as just a counter. We can modify the initialization statement, test statement, and increment statement. The caterpillar problem is one of the more challenging problems because it has students combine several concepts. You will probably spend a week on for loops.

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

10/14-10/18


The basics of creating graphics objects to a screen relies on setting the type, shape, size, position, and color before 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.

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


In this lesson, students will learn how images are made up of pixels.

Objective

Students will learn what a pixel is and how they are used to create images.


Students will enhance their pixel images by incorporating RGB colors to each pixel.

Objective

Students will be able to create images using RGB values.

Notebooks are due Friday 10/18

10/7-10/11


Javascript uses the function println to print a message to the screen.

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


Variables are like a box that can hold values. The steps to using variables are to first define it to a certain type such as Boolean, string, or integer and using suggested naming conventions. Secondly, variables must be initialized to a start value, and to assign it to a variable type.

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


User input is a cornerstone of any interactive program. In this lesson we learn how we can allow the user to input information into our programs. This will make our programs much more interactive and useful.

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


Computers are excellent machines for performing mathematical operations. In this lesson we learn about the different mathematical operators we can use to perform mathematical computations, and we create useful programs that compute useful information for the user.

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


The basics of creating graphics objects to a screen relies on setting the type, shape, size, position, and color before 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.

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