Learn ES6 (ECMAScript 2015)

53 minutes

This course takes a look at some of the new features that JavaScript has available with ES6 (ECMAScript 2015). It is a "montage" from several instructors.

pro-course-rss-logo

PRO RSS Feed

Arrow Function => in ES6

The let keyword in ES6

Default Values for Function Parameters in ES6

const Declarations in es6 (ES2015)

Shorthand Properties in ES6

Object Enhancements in ES6

Using the ES6 spread operator

String Templates in ES6

Destructuring Assignment in ES6

ES6 Modules (ES2015) - Import and Export

Converting an array-like object into an Array with Array.from()

Promises with ES6

ES6 (ES2015) - Generators

Maps and WeakMaps with ES6

ES6 Parameter Object Destructuring with Required Values

ES6 Rest Parameters

P
js tutorial about Arrow Function => in ES6

Arrow Function => in ES6

2:57 js

ECMAscript 6 introduces the "arrow function" as a shortcut for creating anonymous functions with this scope bound.

js tutorial about The let keyword in ES6

The let keyword in ES6

2:58 js

Block scoping can be surprising, and sometimes confusing, in Javascript. With es6, we have access to the let keyword to remove this pain.

js tutorial about Default Values for Function Parameters in ES6

Default Values for Function Parameters in ES6

2:16 js

With ECMAscript 6 we get the luxury of default parameters for our functions.

js tutorial about const Declarations in es6 (ES2015)

const Declarations in es6 (ES2015)

2:14 js

Read only variables are available in JavaScript (es6/es2015). We will use const declarations and their benefits, like read only and block scope.

js tutorial about Shorthand Properties in ES6

Shorthand Properties in ES6

1:01 js

Shorthand properties allow you to compose complex objects from other objects.

js tutorial about Object Enhancements in ES6

Object Enhancements in ES6

2:12 js

Building on the ES6 Shorthand Properties lesson, John shows the other new Object Enhancements in ES6 that will help you write less code and easily create complex Objects.

js tutorial about Using the ES6 spread operator

Using the ES6 spread operator

1:40 js

The spread operator allows you to "explode" an array into its individual elements.

js tutorial about String Templates in ES6

String Templates in ES6

4:12 js

ECMAscript 6 lets us use string templates to gain a lot more control over strings in JavaScript.

js tutorial about Destructuring Assignment in ES6

Destructuring Assignment in ES6

4:33 js

ECMAscript 6 destructuring provides flexible options for variable assignment.

js tutorial about ES6 Modules (ES2015) - Import and Export

ES6 Modules (ES2015) - Import and Export

5:33 js

ES6 (ES2015) introduces a standardized module format to Javascript. We'll take a look at the various forms of defining and importing modules. Using Webpack to bundle up our modules and Babel to transpile our ES6 into ES5, we'll put this new module syntax to work within our project. Then we'll examine how to import 3rd party packages from npm, importing lodash with the _ underscore alias using the ES6 module syntax.

js tutorial about Converting an array-like object into an Array with Array.from()

Converting an array-like object into an Array with Array.from()

2:19 js

Array.from() lets you convert an "iterable" object (AKA an array-like object) to an array. In this lesson, we go over grabbing DOM nodes and turing them into an array so that we can use methods like Array.filter() and Array.forEach() on them.

js tutorial about Promises with ES6

Promises with ES6

5:51 js

Promises in JavaScript (es6/es2015). Creating and using promises with ECMAscript 2015 in your JavaScript application.

js tutorial about ES6 (ES2015) - Generators

ES6 (ES2015) - Generators

5:28 js

Generators in ECMAscript 6 are first-class coroutines that produce encapsulated suspended execution contexts. Whew! Yield values and iterate over them until no more values exist in the generator. We'll talk more about practical use later ;)

js tutorial about Maps and WeakMaps with ES6

Maps and WeakMaps with ES6

5:14 js

A brief introduction to Maps and WeakMaps with ES6, the usage of and difference of Maps and WeakMaps.

js tutorial about ES6 Parameter Object Destructuring with Required Values

ES6 Parameter Object Destructuring with Required Values

1:40 js

Not only can you provide default values when using ES6 parameter object destructuring, but you can also require the presence of certain properties

js tutorial about ES6 Rest Parameters

ES6 Rest Parameters

3:47 js PRO

In this lesson we will go over ES6 or ECMAScript 2015 Rest Parameters. We will cover what they are, how they work, how they compare to the arguments keyword, and why they are more versatile.

Presented by:

John Lindquist

John Lindquist is a co-founder of egghead.io

John has spent the majority of his career developing Rich Web Applications. Before starting egghead.io, John worked at JetBrains as a WebStorm evangelist, and before that he was a Technical Architect at Isobar leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.

Erik Aybar

Erik Aybar lives and works remotely from sunny Southern Utah. When not enjoying time with his wife and two children, he can be found compulsively learning about and experimenting with web technologies. He spends most of his tech time discussing with, learning from, and teaching others in the Javascript realm.

Jacob Carter

Hello! I am a front end developer at Integrate who loves JavaScript. Specifically I love the Angular framework. While I’m not doing front end coding at work I’m doing front end coding at home. Building as many applications as I can, some serious, some for fun, and some just to learn new things.

Elijah Manor

Elijah Manor is a Christian and a family man. He works at LeanKit as a senior software engineer and focuses on front-end development

Trevor Miller

Software Engineer

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?