We notice a lot of green here.…This means that most of these ES5 features…have been implemented by browsers.…So, if I write ES5 code, it's going to successfully work…in most browsers.…If we click the number 6 up here at the top of our screen,…we notice that this chart is getting much more colorful.…This just means that all of these new ES6 features…are not supported by all of these browsers.…What this means is that out ES6 code…needs to be transpiled in to ES5 before we try to render it…in a browser.…
A little bit weird, I know.…
- 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
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.
1. What Is ECMAScript 6 (ES6)?
2. Transpiling ES6
3. ES6 Syntax
4. ES6 Functions & Objects
5. Asynchronous Features
6. ES6 Classes
- 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.Cancel
Take 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.