Introducing the Course
- Introducing the Course
- Introducing the Instructor
- Outline of the Course
- Installing a Code Editor
- Setting Up with Node
- Getting the Source Code
Introducing JavaScript
- Introducing JavaScript
- Understanding HTML
- Adding JS to HTML
- The Document Object Model (DOM)
- Introducing JS - A Review
JavaScript Language and Essentials
- Javascript Language and Essentials - the Foundation
- Syntax, Statements, and Data Types
- Variables and Assignment
- Operators
- Help! Can You Fix this Syntax?
- Help! Can You Fix This Syntax? | Solution
- Functions
- Objects
- Arrays and Array Methods
- Weighing Buddy (Functions and Objects)
- Weighing Buddy (Functions and Objects) | Solution
- Booleans and Comparison Operators
- If Statements
- Switch Statements
- For Loops
- While Loops
- Show Me the Evens - Show me the Odds
- Show Me the Evens - Show Me the Odds | Solution
- Language and Essentials - the Foundations | Section Overview
Setting up an ES6 Development Environment
- Presenting ES6, Babel, and Webpack
- A Note for "ES6 Essentials" Students
- Why We Need Babel
- How Babel Works
- Benefits of Webpack
- Set Up Project and Webpack 4
- Configure Webpack and Development Environment
- Set Up Babel with Webpack
- Forking the Coding Environment
- Setting Up an ES6 Development Environment | Section Overview
Understanding ES6 Essentials Part 1
- Presenting New ES6 Syntax
- Assignment with Let and Const
- Control with Block Scoping
- Template Literals
- Operating and Destructuring | Preview
- Spread Operator and Rest Parameters
- Destructuring Assignment on Arrays and Objects
- Optional Quiz : New ES6 Syntax
- Synthesizing ES6 Syntax | Section Overview
Understanding ES6 Essentials Part 2
- Presenting Methods and Modules
- Arrow Functions
- Map and Filter Method
- Presenting Additional ES6 Built-in Methods
- String Helper Methods
- Modules
- Optional Quiz : Methods and Modules
- Methods and Modules | Section Overview
Classes and Prototypes
- Presenting Classes
- Defining Classes
- Inheriting Classes
- Static Methods in Classes
- Fender Bender (Classes)
- Fender Bender (Classes) | Solution
- Highlighting Differences between Classes and ProtoTypes
- ProtoTypes
- Prototype a Vehicle
- Prototype a Vehicle | Solution
- Classes and Prototypes | Section Overview
Data Structures in ES6
- Presenting Data Structures in ES6
- Writing a Set
- Does this Word Contain this Letter? (Sets)
- Does this Word Contain this Letter? | Solution
- Presenting Maps
- Writing a Map
- How Many Times Does this Letter Appear? (Maps)
- How Many Times Does this Letter Appear? | Solution
- Data Structures in ES6 | Section Overview
Closures in ES6
- Presenting Closures
- Closures and Scoping
- Function Factories
- Addition Factory (Closures)
- Addition Factory (Closures) | Solution
- Private Methods
- Optional Quiz: Examining Closures
- Closures in ES6 | Section Overview
ES6 Generators
- Presenting Generators
- Defining a Generator
- Generation XYZ
- Generation XYZ | Solution
- Controlling Flow with Generators
