Up and Running with ECMAScript 6

Up and Running with ECMAScript 6
Up and Running with ECMAScript 6
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 18m | 251 MB

Meet the future of JavaScript: ECMAScript 6. This short course takes a look at the latest features of ECMAScript 6 (aka ES6) and how these changes are making JavaScript even more powerful and concise. Eve Porcello reviews the new keywords and function/object syntax and shows how the new class syntax can be used with React, the popular JavaScript library. You’ll also review the ES6 compiling tool Babel, and use Babel to make your ES6 code compatible with modern browsers.
Topics include:

  • What is ECMAScript?
  • Transpiling ECMAScript with Babel and Babel-node
  • Using the let and const keywords
  • Creating strings with template strings
  • Enhancing object literals
  • Working with ES6 classes and class inheritance
Table of Contents

What you should know
Using the exercise files

1. What Is ECMAScript 6 (ES6)?
What is ECMAScript 6?
ES6 browser support
Using ES6 now

2. Transpiling ES6
Introduction to Babel
In-browser Babel transpiling
Transpiling ES6 with Babel and babel-node
Transpiling with Webpack

3. ES6 Syntax
Let keyword
Const keyword
Template strings
Spread operators

4. ES6 Functions & Objects
Default function parameters
Enhancing object literals
Arrow functions
Arrow functions and the ‘this’ scope
Destructuring assignment

5. ES6 Classes
ES6 class syntax
Class inheritance
Creating React.js components with ES6 classes
Handling state with ES6 and React.js

Looking ahead to ES7
Next steps