Author
Updated
10/6/2017Released
1/5/2016- 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
Skill Level Intermediate
Duration
Views
- Hi I'm Eve Porcello and thanks for joining me for Up and Running with ECMAScript 6. ECMAScript 6, or ES 6, is the latest version of the specification for JavaScript. In this course we'll go over how to start to use ES 6 features right away. Then we'll dive into the specifics about ES 6 and what it includes. We'll look at new keywords and operators that can be used to simplify code. We'll also look at new function and object syntax to help us manage scope and readability.
Finally, we'll take a look at class syntax in ES 6 and how that can be used immediately with React, the very popular JavaScript library. It's all pretty exciting stuff so let's go ahead and get started with Up and Running with ECMAScript 6.
Q: The Babel API is out of date. How do I proceed with the course?
A: We are updating the course. In the meantime, you can install the babel-cli package and then install the presets that you need to follow along with the tutorials.
-
Introduction
-
Welcome47s
-
-
1. What Is ECMAScript 6 (ES6)?
-
What is ECMAScript 6?1m 29s
-
ES6 browser support1m 14s
-
Using ES6 now1m 6s
-
-
2. Transpiling ES6
-
In-browser Babel transpiling2m 25s
-
Transpiling with webpack6m 23s
-
Migrating to webpack 35m 47s
-
3. ES6 Syntax
-
Let keyword5m 47s
-
Const keyword3m 8s
-
Template strings5m 9s
-
Spread operators2m 17s
-
Maps5m 9s
-
Sets4m 24s
-
The for...of loop4m 37s
-
-
4. ES6 Functions & Objects
-
Default function parameters2m 44s
-
Enhancing object literals4m 27s
-
Arrow functions1m 56s
-
Destructuring assignment6m 22s
-
Generators6m 59s
-
Symbols3m 39s
-
Iterators6m 32s
-
-
5. Asynchronous Features
-
Intro to promises6m 39s
-
Building promises4m 17s
-
Loading data with fetch5m 15s
-
Async and await4m 28s
-
Async with fetch4m 48s
-
-
6. ES6 Classes
-
ES6 class syntax2m 37s
-
Class inheritance2m 9s
-
Getters and setters4m 52s
-
-
Conclusion
-
Next steps38s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome