The Full JavaScript & ES6 Tutorial – (including ES7 & React)

Course Curriculum

Chapter 1: Introducing the Course

Lecture 1: Introducing the Course

Lecture 2: Outline of the Course

Lecture 3: Installing a Code Editor

Lecture 4: Setting Up with Node

Lecture 5: Getting the Source Code

Chapter 2: Introducing JavaScript

Lecture 1: Introducing JavaScript

Lecture 2: Understanding HTML

Lecture 3: Adding JS to HTML

Lecture 4: The Document Object Model (DOM)

Lecture 5: Introducing JS – A Review

Chapter 3: JavaScript Language and Essentials

Lecture 1: Javascript Language and Essentials – the Foundation

Lecture 2: Syntax, Statements, and Data Types

Lecture 3: Variables and Assignment

Lecture 4: Operators

Lecture 5: Help! Can You Fix This Syntax? | Solution

Lecture 6: Functions

Lecture 7: Objects

Lecture 8: Arrays and Array Methods

Lecture 9: Weighing Buddy (Functions and Objects) | Solution

Lecture 10: Booleans and Comparison Operators

Lecture 11: If Statements

Lecture 12: Switch Statements

Lecture 13: For Loops

Lecture 14: While Loops

Lecture 15: Show Me the Evens – Show Me the Odds | Solution

Lecture 16: Language and Essentials – the Foundations | Section Overview

Chapter 4: Setting up an ES6 Development Environment

Lecture 1: Presenting ES6, Babel, and Webpack

Lecture 2: A Note for "ES6 Essentials" Students

Lecture 3: Why We Need Babel

Lecture 4: How Babel Works

Lecture 5: Benefits of Webpack

Lecture 6: Set Up Project and Webpack 4

Lecture 7: Configure Webpack and Development Environment

Lecture 8: Set Up Babel with Webpack

Lecture 9: Forking the Coding Environment

Lecture 10: Setting Up an ES6 Development Environment | Section Overview

Chapter 5: Understanding ES6 Essentials Part 1

Lecture 1: Presenting New ES6 Syntax

Lecture 2: Assignment with Let and Const

Lecture 3: Control with Block Scoping

Lecture 4: Template Literals

Lecture 5: Operating and Destructuring | Preview

Lecture 6: Spread Operator and Rest Parameters

Lecture 7: Destructuring Assignment on Arrays and Objects

Lecture 8: Synthesizing ES6 Syntax | Section Overview

Chapter 6: Understanding ES6 Essentials Part 2

Lecture 1: Presenting Methods and Modules

Lecture 2: Arrow Functions

Lecture 3: Map and Filter Method

Lecture 4: Presenting Additional ES6 Built-in Methods

Lecture 5: String Helper Methods

Lecture 6: Modules

Lecture 7: Methods and Modules | Section Overview

Chapter 7: Classes and Prototypes

Lecture 1: Presenting Classes

Lecture 2: Defining Classes

Lecture 3: Inheriting Classes

Lecture 4: Static Methods in Classes

Lecture 5: Fender Bender (Classes) | Solution

Lecture 6: Highlighting Differences between Classes and ProtoTypes

Lecture 7: ProtoTypes

Lecture 8: Prototype a Vehicle | Solution

Lecture 9: Classes and Prototypes | Section Overview

Chapter 8: Data Structures in ES6

Lecture 1: Presenting Data Structures in ES6

Lecture 2: Writing a Set

Lecture 3: Does this Word Contain this Letter? | Solution

Lecture 4: Presenting Maps

Lecture 5: Writing a Map

Lecture 6: How Many Times Does this Letter Appear? | Solution

Lecture 7: Data Structures in ES6 | Section Overview

Chapter 9: Closures in ES6

Lecture 1: Presenting Closures

Lecture 2: Closures and Scoping

Lecture 3: Function Factories

Lecture 4: Addition Factory (Closures) | Solution

Lecture 5: Private Methods

Lecture 6: Closures in ES6 | Section Overview

Chapter 10: ES6 Generators

Lecture 1: Presenting Generators

Lecture 2: Defining a Generator

Lecture 3: Generation XYZ | Solution

Lecture 4: Controlling Flow with Generators

Lecture 5: Generators vs Iterators