COURSE SCHEDULE

(Last Revised: March 28, 2019)

Disclaimer: The instructor reserves the right to make changes in the course schedule.

Date
Online Reading / Videos
In Class Exercises / Projects

Jan 10 - Jan 29

Introduction to HTML

Jan 10 - Feb 21
Introduction to CSS
Feb 26

LESSON OBJECTIVES - JavaScript

  1. JS Introduction
  2. JS Where To
    • Internal
      • within <head> </head> tags
      • within <body> </body> tags
    • External (will be demonstrated later)
      • in a .js file
  3. JS Output
    • Using innerHTML
    • Using document.write( )
    • Using console.log( )

Go to the W3Schools JavaScriptTutorial website

READ and complete the following IN-CLASS Exercise:

  1. READ the section on JS Introduction with Try it Yourself
    • document.getElementById("demo").innerHMTL=
    • document.getElementById('myImage').src=
    • document.getElementById("demo").style.fontSize=
    • document.getElementById("demo").style.display=
  2. READ the section on JS Where To (Internal)
  3. READ the section on JS Output
    • Writing into an HTML element, using innerHTML
    • Writing into the HTML output using document.write( )
    • Writing into an alert box, using window.alert( ).
    • Writing into the browser console, using console.log( )
  4. IN-CLASS Exercise JS Output (innerHTML)
Feb 28 LESSON OBJECTIVES - JavaScript
  1. JS Statements
  2. JS Comments
  3. JS Variables
  4. JS Operators (Arithmetic, Assignment, Precedence)
  5. JS Concatenate Operator +

Go to the W3Schools JavaScriptTutorial website

READ and complete the following IN-CLASS Exercise:

  1. W3Schools Exercises (Click on Link)
    • JS Variables Exercises 1 - 5
    • JS Operators Exercises 1 - 5
  2. Demonstration Variables (Click on Link)
  3. IN-CLASS Exercises JS Variables
Mar 5

LESSON OBJECTIVES - JavaScript

  1. REVIEW: JS Concatenate Operator +
  2. JS Data Types
  3. JS Functions

Go to the W3Schools JavaScriptTutorial website

  1. JS Functions Exercises 1 - 4
  2. JS Output
Mar 7

LESSON OBJECTIVES - JavaScript

  1. REVIEW: JS Function Examples

Go to the W3Schools JavaScriptTutorial website

Complete the following IN-CLASS Exercises:

  1. IN-CLASS Exercises JS Exam Average
  2. IN-CLASS Exercises JS Gross Pay
  3. IN-CLASS Exercises JS Tip
  4. IN-CLASS Exercises
    • Modify your Circumference and Area of a Circle Exercise from above to use:
    • Create a Function for your Circumference of a Circle
    • Create a Function for your Area of a Circle
Mar 12

LESSON OBJECTIVES - JavaScript

  1. JS Events
  2. JS Comparison and Boolean Operators
  3. JS IF Conditions
  4. JS Prompt Box

Go to the W3Schools JavaScriptTutorial website

Complete the following IN-CLASS Exercises:

  1. JS Events Exercises 1 - 3
  2. JS Comparisons Exercises 1 - 3
  3. JS Conditions Exercises 1 - 2
  4. IN-CLASS Example - IF Condition
  5. IN-CLASS Exercise - IF Condition (grade)
  6. Enter the following: IF Condition using a Function Call
Mar 14
**Class Cancelled**
Mar 19

LESSON OBJECTIVES - JavaScript

  1. REVIEW: JS IF Conditions

Complete the following IN-CLASS Exercises:

  1. IN-CLASS Exercise - IF Condition (ParseInt)
  2. IN-CLASS Exercise - IF Condition (with Images)
  3. IN-CLASS JavaScript Project- Test Average
Mar 21

LESSON OBJECTIVES - JavaScript

  1. JS Switch

Complete the following IN-CLASS Exercises:

  1. IN-CLASS Exercise Change your IF (grade) to use a Switch block
  2. IN-CLASS Exercise - Switch (villages)
  3. IN-CLASS Exercise - Switch (regions)
Mar 26

LESSON OBJECTIVES - JavaScript

  1. JS Arrays
  2. JS Arrays_Methods
    • POP( )
    • PUSH( )
    • SHIFT( )
    • UNSHIFT( )
    • SORT( )

Complete the following IN-CLASS Exercises:

  1. IN-CLASS Exercise - Arrays
  2. IN-CLASS Exercise - Array Methods
  3. View the following JS Project Examples before Tuesday, April 2, 2019

JavaScript Project Examples - Click the following links to view the HTML & JavaScript code at w3schools. Click on the links to also view the projects on YouTube.

  1. Convert Temperature
  2. Convert Weight
Mar 28

LESSON OBJECTIVES - JavaScript

JavaScript Project - Reminder (50% of your Grade)

  1. Project: Create a JavaScript Quiz

© 2019 Yvonne C. Flores, Guam Community College