Midterm Topics

Midterm Topics

Everything we've covered so far is fair game, but focus on the following:

• Basic JS - variables, types, writing functions
• JS methods for accessing elements on an HTML page
• Events
• JS Objects
• JS Arrays
• Graphics Context 2D - Canvas
  • State Variables - .fillStyle, .strokeStyle, .font, ...
  • State methods - fillRect(), strokeRect(), arc(), moveTo(), lineTo()
  • Manipulating the drawing state stack
  • ctx.getImageData() and ctx.putImageData()
• audio and video elements
• JS OOP patterns, practices, and quirks:
  • Dynamic Typing
  • Dynamic creation of properties on an object
  • Object Literal
  • Function Constructor
  • function.prototype
  • Module Pattern
  • Anonymous Function
  • IIFE - "Iffy"
  • Changing value of this

Be able to write:

• JS code: Create and call a JS function
• JS code: the style property and specifying colors with CSS
• JS code: Typical JS app code - ex. when a button is clicked, an element on the page will be changed in some way. You'll need to use an event handler, and write and call a function.
• JS code: Create a JS object literal with properties
• JS Code: Add a module to a JS object
• JS code: Create a JS Function Construction with parameters
• JS code: Use this to create "instance variables" of a Function Constructor
• JS code: Use the .prototype property to add a "method" to a function.
• ** No jQuery allowed! use DOM methods instead **