1. Online Tutorial - w3schools.com The World's Largest Developer Site
   • HTML
   • CSS
   • JavaScript
2. Learncode Academy YouTube Videos -
• HTML CSS Tutorial for Beginners
3. w3schools.com CSS YouTube Videos -
   • CSS YouTube Videos
4. freeCodeCamp.org YouTube Videos -
   • Learn JavaScript

Jan 28 - Feb 20

Introduction to CSS

1. JS1: Go to w3schools.com - JavaScript Tutorial
2. Click on JS Introduction - What JavaScript Can Do?
3. Click on JS Where To
4. Click on JS Comments
5. Click on JS Output
6. Click on JS Statements
7. Click on JS Variables
8. Click on JS Operators
9. Click on JS Data Types

COMPLETE the following IN-CLASS JS Exercises (Click on Link)

1. IN-CLASS Exercise JS Output (innerHTML)
2. Complete the JS Variables Exercises 1 - 5
3. Complete the JS Operators Exercises 1 - 5
4. Complete the JS Data Type Exercises 1

COMPLETE the following freeCodeCamp.org Exercises (Click on Link)

1. When you complete the following, take a snapshot and email to me or show me in class.
   • To: yvonne.flores@guamcc.edu
   • Subj: CS211 JS freeCodeCamp Exercises
2. Click on JavaScript Algorithms and Data Structures
   • Complete Basic JavaScript (20 / 110)
     • Introduction to JavaScript
     • ***until***
     • Compound Assignment With Augmented Division

LESSON OBJECTIVES - JavaScript

1. JS2: Go to w3schools.com - JavaScript Tutorial
2. Click on JS Strings
3. Click on JS Numbers
4. IN-CLASS JS Variables Worksheet (Click on Link)

COMPLETE the following:

1. Circle Circumference and Area

COMPLETE the following freeCodeCamp.org Exercises (Click on Link)

1. When you complete the following, take a snapshot and email to me or show me in class.
   • To: yvonne.flores@guamcc.edu
   • Subj: CS211 JS freeCodeCamp Exercises
2. Click on JavaScript Algorithms and Data Structures
   • Complete Basic JavaScript (29 / 110)
     • Declare String Variables
     • ***until***
     • Find the Length of a String

LESSON OBJECTIVES - JavaScript

1. JS3: Go to w3schools.com - JavaScript Tutorial
2. Click on JS String Methods
• Useful Methods: indexOf(), slice(), toUpperCase(), toLowerCase()
3. Click on JS Number Methods
• Useful Methods: toString(), toFixed(), parseInt(), parseFloat()
4. Click on JS Array
5. Click on JS Array Methods
   • Useful Methods: pop(), push(), shift(), unshift()

COMPLETE the following:

1. Income Tax
2. Temperature Conversion

COMPLETE the following freeCodeCamp.org Exercises (Click on Link)

1. When you complete the following, take a snapshot and email to me or show me in class.
   • To: yvonne.flores@guamcc.edu
   • Subj: CS211 JS freeCodeCamp Exercises
2. Click on JavaScript Algorithms and Data Structures
   • Complete Basic JavaScript (45 / 110)
     • Use Bracket Notation to Find the First Character in a String
       
     • ***until***
     • Shopping List

LESSON OBJECTIVES - JavaScript

1. JS4: Go to w3schools.com - JavaScript Tutorial
2. Click on JS Functions
3. Click on JS Events
   • Common HTML Events
     • onchange, onclick, onmouseover, onmouseout, onkeydown, onload

Complete the following IN-CLASS Exercise (Use the W3Schools online editor):

1. Complete the JS Functions Exercises 1 - 4
2. Complete the JS Events Exercises 1 - 3
3. Function Exercises

COMPLETE the following freeCodeCamp.org Exercises (Click on Link)

1. When you complete the following, take a snapshot and email to me or show me in class.
   • To: yvonne.flores@guamcc.edu
   • Subj: CS211 JS freeCodeCamp Exercises
2. Click on JavaScript Algorithms and Data Structures
   • Complete Basic JavaScript (55 / 110)
     • Write Reusable JavaScript with Functions
     • ***until***
     • Understanding Boolean Values

LESSON OBJECTIVES - JavaScript

1. JS5: Go to the W3Schools JavaScriptTutorial website, click on:
   • Click on JS Comparison
     • Comparison Operators
     • Logical Operators
   • Click on JS Conditions
     • {if else if else}
   • Search for JS Windows prompt( ) - always returns a string at the prompt
     • parseInt - convert string to integer
     • parseFloat - converst string to floating point number

Complete the following IN-CLASS Exercise (Use the W3Schools online editor):

1. if Condition Exercises

LESSON OBJECTIVES - JavaScript

1. JS6: Go to the W3Schools JavaScript Tutorial website, click on:
   • Click on JS Switch
     • {switch, break, default}
     JS Switch (Click on Link)

Complete the following IN-CLASS Exercise (Use the W3Schools online editor):

1. switch Exercises

JavaScript Quiz Project

1. Search the Internet for 3 similiar images, save in your JavaScript Google Drive.