ES6

Watch User Created Playlist (25)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Maps and WeakMaps with ES6

P

Promises with ES6

P

Using ES6 and beyond with Node.js

P

const Declarations in es6 (ES2015)

P

Adding ES6 Support to Tests using Mocha and Babel

Adding ES6 Support

JavaScript Testing Fundamentals: Hello world unit test with Mocha (in ES6)

P

Linting React JSX with ESLint (in ES6)

P

ES6 Modules (ES2015) - Import and Export

P

Angular 2 - Hello World (es6)

P

React Mixins with ES6 Components

P

React components in ES6 classes

P

Getting started with Angular + JSPM + ES6

P

Angular with Webpack - ES6 with BabelJS

P

Webpack Loaders, Source Maps, and ES6

P

Object Enhancements in ES6

P

Using the ES6 spread operator

P

Shorthand Properties in ES6

P

ES6 (ES2015) - Generators

P

Use Template Literals in ES6

P

Destructuring Assignment in ES6

P

Default Values for Function Parameters in ES6

P

Arrow Function => in ES6

The let keyword in ES6

Intro to ES6 and traceur compiler

P
js tutorial about Maps and WeakMaps with ES6

Maps and WeakMaps with ES6

5:14 js PRO

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

js tutorial about Promises with ES6

Promises with ES6

5:51 js PRO

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

node tutorial about Using ES6 and beyond with Node.js

Using ES6 and beyond with Node.js

5:18 node PRO

If you're used to using all the latest ES6+ hotness on the front end via Babel, working in Node.js can feel like a step back. Thankfully, it's easy to bring all the Babel goodness with you to the backend, and that's exactly what this lesson covers.

js tutorial about const Declarations in es6 (ES2015)

const Declarations in es6 (ES2015)

2:14 js PRO

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 Adding ES6 Support to Tests using Mocha and Babel

Adding ES6 Support to Tests using Mocha and Babel

5:02 js

By adding ES6 support to our source code, we need to add that same support to our tests so we can consume that synatx. This is quite easy with the --compilers flag for Mocha.

js tutorial about Adding ES6 Support

Adding ES6 Support

8:35 js

Writing the code in the next version of JavaScript can really simplify the development of a library. In this lesson, learn how to create a build which uses the BabelJS transpiler to enable you to write your code using ES6 (aka ES2015) syntax.

js tutorial about JavaScript Testing Fundamentals: Hello world unit test with Mocha (in ES6)

JavaScript Testing Fundamentals: Hello world unit test with Mocha (in ES6)

6:15 js PRO

Mocha is a testing framework that provides structure for unit tests. In this lesson, we will be setting up Mocha with npm and npm scripts, writing a "Hello World" unit test, then writing the code to make the test pass (as an example of Test Driven Development (TDD), with the "red-green-refactor" workflow).

react tutorial about Linting React JSX with ESLint (in ES6)

Linting React JSX with ESLint (in ES6)

4:55 react PRO

ESLint is a JavaScript linter (static analysis tool) that offers full support for ES6, JSX, and other modern tools via plugins. We walk through setting up ESLint in a project, using the eslint --init CLI tool with the JSX and ES6 options, writing a React component in JSX, and adding some extra react linting rules with a plugin. ESLint is built to be "pluggable" with simple, extendable, modular rules and an API for writing and using plugins. ESLint has many rules which are all turned off by default; you can extend the core "recommended" rules which will catch common JavaScript errors, and you can also turn on stylistic rules for code consistency. You can also use plugin rules which we do in this lesson with the eslint-plugin-react package.

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

ES6 Modules (ES2015) - Import and Export

5:33 js PRO

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.

angular2 tutorial about Angular 2 - Hello World (es6)

Angular 2 - Hello World (es6)

2:57 angular2 PRO

Getting started with Angular 2 involves a new focus on building out components. John walks through the process of bootstrapping your first component as well as how to include one component inside another.

react tutorial about React Mixins with ES6 Components

React Mixins with ES6 Components

3:36 react PRO

Sometimes called higher order functions or wrapper components, the React mixin functionality can be recreated easily with a simple function in ES6.

react tutorial about React components in ES6 classes

React components in ES6 classes

3:29 react PRO

Starting with React 0.13.0 you can write components using ES6 classes. In this lesson we'll walk through some of the syntax differences.

angularjs tutorial about Getting started with Angular + JSPM + ES6

Getting started with Angular + JSPM + ES6

3:04 angularjs PRO

JSPM allows you to load any client package from github and npm in any module format. Learn how to use it to create a great workflow with Angular and ES6.

angularjs tutorial about Angular with Webpack - ES6 with BabelJS

Angular with Webpack - ES6 with BabelJS

2:43 angularjs PRO

Use the latest features of ECMAScript using BabelJS with Webpack. Simply add the right loader line in your webpack config and everything just works.

js tutorial about Webpack Loaders, Source Maps, and ES6

Webpack Loaders, Source Maps, and ES6

5:03 js PRO

Webpack loaders are how you tell webpack to resolve your dependencies and you can use a loader built for the babel transpiler to easily enable ES6 code in your project. Full sourcemap support is also available using webpack's devtool property.

js tutorial about Object Enhancements in ES6

Object Enhancements in ES6

2:12 js PRO

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 PRO

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

js tutorial about Shorthand Properties in ES6

Shorthand Properties in ES6

1:01 js PRO

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

js tutorial about ES6 (ES2015) - Generators

ES6 (ES2015) - Generators

5:28 js PRO

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 Use Template Literals in ES6

Use Template Literals in ES6

4:12 js PRO

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 PRO

ECMAscript 6 destructuring provides flexible options for variable assignment.

js tutorial about Default Values for Function Parameters in ES6

Default Values for Function Parameters in ES6

2:16 js PRO

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

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 Intro to ES6 and traceur compiler

Intro to ES6 and traceur compiler

2:42 js PRO

es6 is the next generation of javascript. You can use it today with the traceur compiler library. Also be sure to check out es6fiddle to start playing with ECMAscript 6 right now.

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