ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript!
4.6 (438 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,156 students enrolled

ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript!

ECMAScript Next is here. It's time to modernize your JavaScript.
Highest Rated
4.6 (438 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,156 students enrolled
Created by Robert Bunch
Last updated 2/2019
English
English [Auto-generated]
Current price: $41.99 Original price: $59.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13 hours on-demand video
  • 6 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Know a basic timeline of ECMAScript and the JavaScript language
  • Use the new methods and options available in modern releases of JavaScript
  • Differentiate between the versions of JavaScript
  • Transition easier between JavaScript and other programming langauges
Course content
Expand all 60 lectures 13:00:44
+ The Easy Wins
11 lectures 02:56:57
Let/Const (Short)
11:56
Template Literals
14:03
Tagged Templates
22:26
Tagged Template CHALLENGES
02:08
Tagged Template Challenge walkthrough
24:42
Function Updates - default and rest operator
12:43
Spread Syntax
19:59
Arrow Function
09:03
Object Literals and Destructuring
24:05
+ Classes
5 lectures 54:47
Classes - basic syntax
15:51
Setters and Getters
14:24
Static Methods
08:01
Sub classes and prototypal inheritance (extends and super)
09:53
+ ES6 (2015) Arrays
4 lectures 29:58
for...of
08:22
.from()
04:21
.of() and .fill()
10:17
.find() and .findIndex()
06:58
+ Map, Set, WeakMap, WeakSet and how JS stores stuff
7 lectures 57:56
Intro to Hashmaps/Map
01:56
Java Hashmaps --> JavaScript Map
12:39
Map methods
06:45
Weak Map vs Map
08:08
Intro to the Set constructor
09:47
Weak Set vs. Set
04:39
+ The Symbol Data Type
1 lecture 15:43
Intro to the Symbol Data Type
15:43
+ Promises
11 lectures 02:45:34
Review on what it means to be async
06:56
Callbacks review
15:06
What is a promise (and why should I care)?
11:57
Promise Syntax and Breakdown
26:12

const apiKey = `e9ddb24aed6d48c4342303aba5269e28`;
const apiUrl = `https://api.themoviedb.org/3/search/movie?api_key=${apiKey}&query=`;
const imgUrl = `http://image.tmdb.org/t/p/w300/`;

API key and link for the next lecture
00:01
Some real fun (and use) with Promises (AJAX style)
29:14
Promise.all CHALLENGE Solution
11:35
Chaining Promises (using AJAX)
32:40
Challenge Starter code
00:33
CHALLENGE - Promises and file IO (Requires data.zip)
10:17
Challenge File IO Walkthrough
21:02
+ ES8 - Async and Await (and a few extras)
5 lectures 54:00
Async and Await intro
15:25
Async with a SQL example
12:09

Take the program available at the two github links below, and convert it from using promise chains to async/await.

https://raw.githubusercontent.com/ridiculous-inc/jsPromisesAndAsync/master/promisesChained.html

https://raw.githubusercontent.com/ridiculous-inc/jsPromisesAndAsync/master/promisesChained.js

Challenge Starter code
00:04
CHALLENGE - Movie API chaining --> Asnyc/Await and walkthrough
13:45

Object.values() and Object.entries(), padding, and trailing commas

ES8 Easy Wins
12:37
+ Proxy Constructor and Reflect Object
5 lectures 01:24:05
Intro to the Proxy Constructor
28:50
Proxy CHALLENGE
00:54
Proxy CHALLENGE Explanation and Walkthrough
25:38
Reflect Object
13:37
Reflect Object - continued
15:06
Requirements
  • You should be comfortable reading and writing JavaScript.
  • You should have access to a browser or computer where you can run JavaScript.
Description

If you have spent anytime coding in JavaScript, you have heard about ES6, ECMAScript, or ES2015. Maybe it was an obnoxious co-worker trying to put you down, another Udemy course keeps mentioning it, or you saw it on a Stack Overflow answer. If you're not familiar with it, or are still wondering what the difference is between ECMAScript and Javascript, it's the update that occurred in 2015 and subsequent years. Considering the history of JavaScript (which started in 1995), there was no update between 2000 and 2008, then again after that from 2008 until 2015, ECMAScript 2015 it is a BIG deal. It modernizes JavaScript. Smaller, but still important changes were released in ES7 (2016) and ES8 (2017).

I will take you through all the changes, one at a time in a modular approach. This means that you can do chapters as needed, out of order, etc. without serious issues. There is a significant history lesson in order to place JavaScript and ECMAScript in context and we'll do comparisons to other languages so you get a feel for why certain things were added or changed. I also do frequent comparisons between JavaScript and other languages like C, Java, and Python. You do NOT need to know these languages to appreciate the nuances; they are simply helpful at understanding the reasons behind the ECMAScript standard, JavaScript, and update.

I am still adding challenges for the various sections. Challenges that are already in, are in all caps (i.e., CHALLENGE) and are a great way to apply and practice! This course will challenge your JavaScript as you learn many new features, but also as you learn how JavaScript and ECMAScript relates to other languages (C, Java, etc.).

Course Layout

  1. Intro

  2. ES6 Easy Wins

  3. Classes

  4. Array Changes

  5. Map Constructor and Weak Map

  6. Set Constructor and Weak Set

  7. Promises

  8. ES8 (Async)

  9. Proxy Constructor and Reflect Object

  10. Generators and iterators




Who this course is for:
  • New JavaScript programmers
  • CodeSchool students who need a review
  • Anyone who's been using JavaScript for a long time and wants an update
  • Java, C#, Python (etc.) developers who are being forced to write JavaScript and want it to look/behave more normal than what's on StackOverflow