Syllabus

Lesson 1: Variables and Conditions

• What Is a Programming Language?
• Why JavaScript?
• Hello Cleveland
• Code Editors
• Variables
• Data Types
• Basic Operators
• Making Decisions
• Comparing Values
• Mixing Types
• Tracing Code
• Assignment 1: Generations

Lesson 2: Logic and Loops

• Revisiting Comparisons
• Truthiness
• Boolean Logic
• And, Or, and Not
• Precedence
• Truth Tables
• Loops
• When to Use a Loop
• Accumulators
• Breaking Down a Loop Problem
• Stopping a Loop
• Assignment 2: Prime Numbers

Lesson 3: Functions and HTML

• Functions in JavaScript
• Variable Scopes
• Function Rules
• What Is HTML?
• HTML Structure
• Common HTML Elements
• Lists
• Uniform Resource Locators
• Browser Developer Tools
• JavaScript and HTML
• Assignment 3: Three Questions

Lesson 4: Strings, Loops, and CSS

• Fundamental Data Types
• How are Strings Different?
• Looping Over Strings
• The Traditional For Loop
• For Versus While
• Making Decisions About Strings
• Calling String Functions
• What Is CSS?
• Simple Selectors
• But Why 'Cascading?'
• CSS Developer Tools
• Useful Styles to Know
• Hierarchical Matching
• Assignment 4: Ascending Arpeggios and CSS

Lesson 5: Arrays and Input

• The Input Element
• Radio Buttons and Checkboxes
• Buttons and Pseudo-Classes
• Searching the DOM
• Modifying a DOM Node
• querySelectorAll
• Arrays
• Using Arrays
• Comparing Arrays
• Sorting Arrays and Callback Functions
• Assignment 5: Arrays

Lesson 6: Objects and DOM Manipulation

• What is an Object?
• Arrays vs Objects
• Using an Object
• Looping Over Objects
• Comparing Objects
• Console.log Revisited
• Everything is an Object
• Manipulating the DOM
• Creating Nodes
• Code Organization
• Assignment 6: Album Display

Lesson 7: Complex Data

• Why Data Structures?
• Arrays of Objects
• Going Deeper
• Navigating Data Structures
• The Elvis Operator
• Abstraction Layers
• Sets and Maps
• Values and References
• Using References
• Copying an Object
• Dates and Times
• Choosing Good Data Structures
• Assignment 7: Data

Lesson 8: Events

• Click Events Revisited
• Single Threaded Execution
• The Event Loop
• Other Events
• Defining Inline Functions
• Fat Arrow Functions
• Events on Other Elements
• Events on New Elements
• Data Availability
• The Media Elements
• Controlling Media Elements
• Media Events
• Audio Player
• Assignment 8: Audio Memory Game

Lesson 9: More Events

• Event Parameter Object
• Reusing Event Handlers
• Data Attributes
• Event Handlers for Multiple Nodes
• Events With Parameters
• Timing Pseudo-Events
• The Magic "this" Variable
• Assignment 9: HTML Piano

Lesson 10: Loading External Data

• Revisiting the Album Art Assignment
• Introduction to JSON
• Loading JSON in a browser
• HTTP GET
• Parts of a URL
• Fetch API
• Async and await
• A Real API
• Assignment 10: API

Lesson 11: Using Data APIs

• Getting Data From an API
• API Authentication
• HTTP Methods
• The Course Data API Server
• Writing Data to an API
• RESTful APIs
• Timing is Everything
• Assignment 11: Final Project Beta

Lesson 12: Using Libraries

• What is a Library?
• Finding Libraries
• Using Libraries
• Tone.js Introduction
• A Tone.js Example
• The 'new' Keyword
• Scoping and Private Data
• JavaScript Outside a Browser
• Assignment 12: Final Project