Javascript Es6 Tutorial

ES6 Javascript Development from scratch. Get practice with live examples and learn exactly where to apply ES6 features.

Last updated 2022-01-10 | 4.6

- Learn how to apply each feature of ES6 in practical situations
- Understand the major features of ES6
- Have total mastery of generators

What you'll learn

Learn how to apply each feature of ES6 in practical situations
Understand the major features of ES6
Have total mastery of generators
Know the difference between ES6 and ES2015
Teach other developers about destructuring
Never need to write a for loop again!

* Requirements

* Basic knowledge of Javascript is required (Arrays
* Functions
* Object)

Description

This is the tutorial you've been looking for to master ES6 Javascript.

Generators? We got it. Arrow Functions? Of course. Rest/Spread Operator? Included! And every other new piece of syntax!

Mastering ES6 syntax can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of modern web frameworks like React and Angular 2.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build applications using each new piece of Javascript syntax introduced with ES6.

We'll start by mastering the fundamentals of iteration over Arrays using helpers like 'forEach', 'map', and 'reduce'.  After an introduction to Array helpers, we'll dive right in to advanced ES6, covering topics like enhanced object literals, default function arguments, and classes.  Every topic includes multiple live code exercises to ensure you understand each new concept.

If you are new to Javascript or ES6, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the Javascript course for you! To learn ES6 you have to understand it and comprehend exactly why each piece of syntax was added to the language

  • Learn the purpose of Babel and why ES6 was created
  • Master the process of refactoring your current ES5 code into super-charged ES6
  • Grasp the difference between the 'rest' and 'spread' operators
  • Develop complex applications that scale in complexity by mastering advanced ES6 design patterns
  • Dive deeper into iteration using generators.  No fancy terms required!

I've built the course that I would have wanted to take when I was learning ES6. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Who this course is for:

  • Take this course if you're wondering when to use generators
  • Enroll now if you want to learn exactly why 'const' and 'let' were added to ES6
  • Sign up now if you want to write better-looking code

Course content

18 sections • 106 lectures

How to Take This Course Preview 05:02

Course Resources - Exercise Solutions Preview 00:13

Join Our Community! Preview 00:07

ES6 vs ES2015 Preview 05:59

Array Helper Methods - The Easiest Way to Write Better Code Preview 03:09

The forEach Helper Preview 07:21

forEach Continued Preview 04:23

Why Use forEach? Preview 03:03

Moving Away from For Loops

Processing Values

The Map Helper Preview 06:35

Map Helper Continued Preview 02:13

Where Map Is Used Preview 02:22

Plucking Values

Calculating Values with Map

Really Hard - Implementing 'Pluck'

Selecting Needed Data with Filter Preview 09:11

More on Filtering Preview 03:30

Choosing When to Filter Preview 03:22

Filtering Values

Handling Permissions with Filter

Challenging! Implementing 'reject'.

Querying For Records with Find Preview 06:46

Find Continued Preview 04:09

Using Find to Search for Users Preview 02:31

Finding Admin Users

What's Your Balance?

Really Challenging: Custom findWhere Helper

A Little Every and a Lot of Some Preview 10:02

More on Every and Some Preview 04:46

Every and Some Syntax Preview 02:24

Every and Some in Practice Preview 05:34

Finding Submitted Users

In Progress Network Requests

Condensing Lists with Reduce Preview 05:46

A Touch More of Reduce Preview 04:41

Ace Your Next Interview with Reduce Preview 09:37

Distance Traveled

Reducing Properties

Hardmode: Custom 'Unique' Helper

Variable Declarations with Const and Let Preview 06:38

What Const and Let Solve Preview 08:14

A Constant Exercise of Letting Variables Be Variables

Const/Let Refactoring

Template Strings Preview 04:45

When to Reach for Template Strings Preview 07:31

Template Strings in Practice

Name Helpers

Fat Arrow Functions Preview 06:14

Advanced Use of Arrow Functions Preview 06:55

When to Use Arrow Functions Preview 06:38

When to Use Arrow Functions Continued Preview 03:18

Refactoring Keyword Functions

Arrow Functions Aren't Always a Solution

Enhanced Object Literals Preview 09:35

Wondering When to Use Enhanced Literals? Preview 04:31

Multiple Properties with Enhanced Notation

Condensing Code with Enhanced Literals

Literals in Functions

Refactor to use enhanced literal notation

Specifying Default Function Arguments Preview 04:49

Use Cases of Defaulting Arguments Preview 04:57

Using Default Arguments

Dumping Unused Code

Capturing Arguments with Rest and Spread Preview 04:34

The Rest on Rest and Spread Preview 07:52

Look to Use Rest and Spread in This Case Preview 04:59

Many, Many Arguments

Spreadin' Arrays

Mixing Rest and Spread

Goldmine of ES6: Destructuring Preview 05:39

Destructuring Arguments Object Preview 04:47

Destructuring Arrays Preview 04:46

Destructuring Arrays and Objects *At the Same Time* Preview 05:44

So...When to Use Destructuring? Preview 07:45

More on When to Use Destructuring Preview 06:26

Destructuring in Practice

Array Destructuring in Practice

Recursion with Destructuring

Introduction to Classes Preview 03:53

Prototypal Inheritance Preview 04:26

Refactoring with Classes Preview 04:52

Extending Behavior of Classes Preview 09:00

When to Use Classes Preview 03:56

Game Classes

Subclassing Monsters

One Quick Thing: For...Of Loops Preview 03:03

Introduction to Generators Preview 05:56

Generators With a Short Story Preview 13:09

Another Step in Our Generator Story Preview 04:51

The Big Reveal on ES6 Generators Preview 04:32

A Practical Use of ES6 Generators Preview 03:46

Delegation of Generators Preview 05:25

Delegation of Generators Continued Preview 07:08

Symbol.Iterator with Generators Preview 06:46

Complexities of Symbol.Iterator Preview 04:57

Generators with Recursion Preview 06:45

More on Generators and Recursion Preview 06:44

Code Execution in Javascript Preview 04:44

Terminology of Promises Preview 03:54

Creating Promises Preview 07:00

Then and Catch Preview 05:49

Async Code with Promises Preview 03:13

Ajax Requests with Fetch Preview 05:24

Shortcomings of Fetch Preview 05:57