Coding for the Web

Course Description and Objectives

coding-for-the-web.pdf

Course Outline

1. Variables

Lessons:

  • 1.1 : Declaring Variables
  • 1.2 : Naming Variables
  • 1.3 : Data Types

Projects:

  • 1. Rainbow Heart Project

2. Operators

Lessons:

  • 2.1 : Arithmetic Operators
  • 2.2 : Assignment Operator
  • 2.3 : String Operators
  • 2.4 : Comparison Operators
  • 2.5 : Conditional and Logical Operators
  • 2.6 : Bitwise and Other Operators
  • 2.7 : Operator Exercises

Projects:

  • 1. Thermometer Project
  • 2. Rainbow Dot Project
  • 3. MadLibs Project
  • 4. Animated Egg Project

3. Conditionals and Methods

Lessons:

  • 3.1 : Conditional Statements
  • 3.2 : Switch Statements
  • 3.3 : Using Methods
  • 3.4 : String Methods
  • 3.5 : Number Methods
  • 3.6 : Array Methods
  • 3.7 : Date and Object Methods
  • 3.8 : Math Methods

Projects:

  • 1. Jellyfish Project
  • 2. Cloudy Sky Project
  • 3. Student Roster + Interactive Quiz Project

4. Functions

Lessons:

  • 4.1 : Intro to Functions
  • 4.2 : Function Syntax
  • 4.3 : User Invoked Functions
  • 4.4 : Event Invoked Functions
  • 4.5 : setTimeout and setInterval
  • 4.6 : Function Returns
  • 4.7 : Writing Methods

Projects:

  • 1. Sun and Moon
  • 2. Rock, Paper, Scissors / Glass, Pudding, Cat
  • 3. Feed da Panda
  • 4. Solar System

5. HTML, CSS, and JavaScript”

  • 5.1 : Classes and Ids
  • 5.2 : Basic HTML Document Setup
  • 5.3 : Accessing HTML and CSS in JavaScript
  • 5.4 : Event Invoked Functions 2
  • 5.5 : CSS Properties - Color, Font-family, Size Units and Position
  • 5.6 : Flex Box
  • 5.7 : createElement, appendChild, classList

Projects:

  • 1. Lyrics Project
  • 2. Pokedex Project
  • 3. Website Project

6. Loops

Lessons:

  • 6.1 : For Loops
  • 6.2 : While Loops
  • 6.3 : Nested Loops

Projects:

  • 1. Pushki’s Cafe
  • 2. Flock of Birds Project
  • 3. Multiplication Tables

7. JSON

Lessons:

  • 7.1 : Intro to JSON
  • 7.2 : JSON Syntax
  • 7.3 : Reading JSON with Fetch API
  • 7.4 : JSON and HTML

Projects:

  • 1. Basketball Court Project
  • 2. Pets Only Dating Site
  • 3. Olympic Table Tennis Scoreboard

8. Miscellaneous Topics

Lessons:

  • 8.1: Reading JSON with XMLHTTPRequest
  • 8.2 : Intro to Canvas
  • 8.3 : Canvas Basics
  • 8.4 : Complex Canvas Shapes + Drawings
  • 8.5 : Canvas & JSON
  • 8.6 : Visualizing Data with Canvas

Projects:

  • 1. Project 1
  • 2. Project 2
  • 3. Project 3