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:
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