Required Prerequisites
HTML
Useful Prerequisites
CSS
Programming experience
Required Prerequisites
HTML
Useful Prerequisites
CSS
Programming experience
In-Person
Online
JavaScript Basics
JavaScript vs. EcmaScript
The HTML DOM
JavaScript Syntax
Accessing Elements
Where Is JavaScript Code Written?
JavaScript Objects, Methods, and Properties
Alerts, Writing, and Changing Background Color (Exercise)
Variables, Arrays, and Operators
JavaScript Variables
A Loosely Typed Language
Google Chrome DevTools
Storing User-Entered Data
Using Variables (Exercise)
Constants
Arrays
Working with Arrays (Exercise)
Associative Arrays
Playing with Array Methods
JavaScript Operators
The Modulus Operator
Playing with Operators
The Default Operator
Working with Operators (Exercise)
JavaScript Functions
Global Objects and Functions
Working with Global Functions (Exercise)
User-defined Functions
Writing a JavaScript Function (Exercise)
Returning Values from Functions
Built-In JavaScript Objects
Strings
Math
Date
Helper Functions
Returning the Day of the Week as a String (Exercise)
Conditionals and Loops
Conditionals
Short-circuiting
Switch / Case
Ternary Operator
Truthy and Falsy
Conditional Processing (Exercise)
Loops
while and do…while Loops
for Loops
break and continue
Working with Loops (Exercise)
Array: forEach()
Event Handlers and Listeners
On-event Handlers
Using On-event Handlers (Exercise)
The addEventListener() Method
Anonymous Functions
Capturing Key Events
Adding Event Listeners (Exercise)
Benefits of Event Listeners
Timers
Typing Test (Exercise)
The HTML Document Object Model
CSS Selectors
The innerHTML Property
Nodes, NodeLists, and HTMLCollections
Accessing Element Nodes
Accessing Elements (Exercise)
Dot Notation and Square Bracket Notation
Accessing Elements Hierarchically
Working with Hierarchical Elements (Exercise)
Accessing Attributes
Creating New Nodes
Focusing on a Field
Shopping List Application
Logging (Exercise)
Adding EventListeners (Exercise)
Adding Items to the List (Exercise)
Dynamically Adding Remove Buttons to the List Items (Exercise)
Removing List Items (Exercise)
Preventing Duplicates and Zero-length Product Names (Exercise)
Manipulating Tables
CSS Object Model
Changing CSS with JavaScript
Hiding and Showing Elements
Checking and Changing Other Style Properties
Increasing and Decreasing Measurements
Custom data Attributes
Gotcha with fontWeight
Font Awesome
classList Property
Showing and Hiding Elements (Exercise)
Errors and Exceptions
Runtime Errors
Globally Handled Errors
Structured Error Handling
Try/Catch (Exercise)