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

ECMAScript Next is here. It's time to modernize your JavaScript.

4.43 (1163 reviews)
Udemy
platform
English
language
Programming Languages
category
instructor
6,338
students
13.5 hours
content
Jan 2024
last update
$64.99
regular price

What you will 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

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




Content

Introduction

Visual Timeline of JavaScript and ECMAScript History (Full Version)
Visual Timeline of JS and ES (SHORT VERSION)
Course Overview

The Easy Wins

How JS compares to other languages
Let/Const - How JS vars compare to other languages (C, Java, PHP, Ruby, Python)
Let/Const (Short)
Template Literals
Tagged Templates
Tagged Template CHALLENGES
Tagged Template Challenge walkthrough
Function Updates - default and rest operator
Spread Syntax
Arrow Function
Object Literals and Destructuring

Classes

Intro to Classes
Classes - basic syntax
Setters and Getters
Static Methods
Sub classes and prototypal inheritance (extends and super)

ES6 (2015) Arrays

for...of
.from()
.of() and .fill()
.find() and .findIndex()

Map, Set, WeakMap, WeakSet and how JS stores stuff

Reference vs. value - how JS stores variables
Intro to Hashmaps/Map
Java Hashmaps --> JavaScript Map
Map methods
Weak Map vs Map
Intro to the Set constructor
Weak Set vs. Set

The Symbol Data Type

Intro to the Symbol Data Type

Promises

Review on what it means to be async
Callbacks review
What is a promise (and why should I care)?
Promise Syntax and Breakdown
API key and link for the next lecture
Some real fun (and use) with Promises (AJAX style)
Promise.all CHALLENGE Solution
Chaining Promises (using AJAX)
Challenge Starter code
CHALLENGE - Promises and file IO (Requires data.zip)
Challenge File IO Walkthrough

ES8 - Async and Await (and a few extras)

Async and Await intro
Async with a SQL example
Challenge Starter code
CHALLENGE - Movie API chaining --> Asnyc/Await and walkthrough
ES8 Easy Wins

Proxy Constructor and Reflect Object

Intro to the Proxy Constructor
Proxy CHALLENGE
Proxy CHALLENGE Explanation and Walkthrough
Reflect Object
Reflect Object - continued

Generators, iterators, iterables and for...of

- Intro to generators and iterators
Generators (and how you really read the docs)
Iterators, Iterables and for..of
Iterators, Iterables and for..of (Continued)
Tying back into generators

ES7 - ES2016 - Easy wins

ES7 - Exponentiation, Includes, and Rest parameter destructuring

Screenshots

ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript! - Screenshot_01ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript! - Screenshot_02ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript! - Screenshot_03ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript! - Screenshot_04

Reviews

Surendar
May 26, 2023
ya ok, first half session explain different language that is confused for me. I am expecting to learn ES6/7/8 only.
Elliott
March 20, 2023
Great content and a knowledgeable instructor. There are some really good features in recent versions. Recent versions of ECMAScript, not recent versions of the instructor.
Sebastian
January 22, 2023
cooler Lehrer, hat mir echt gut geholfen, vor allem der Kontext und Vergleich zu früheren Java Versionen bzw. anderen Sprachen.. very nice
Pankaj
June 6, 2022
Thank you for covering the ECMAScript history that helped to have an idea about the JS and ES versions history. Overall good learning experience.
B.T.
April 15, 2022
Good content, explained clearly. If you're an experienced programmer, many of the concepts may feel a bit overexplained, though.
Faik
February 14, 2022
I've been using JS for more than a decade (almost two, actually), but still learned a lot of new things and changed the way I do my programming
Tech
November 4, 2021
Quite superficial but explanations unnecessarily prolonged. Also the examples are mostly far away from any practical usage. Which all together makes it difficult to follow and to understand the topics (even though I already knew and used most of the new ES features)
Jay
October 30, 2021
The teacher is amazing. Great explanation on the concepts, making the content easy to absorb. Only part I didn't like is the comparison to other programming language.
Yagya
October 13, 2021
This is a great course. However, it needs update. It has been over 2 years since it was updated and ecma script is yearly update. Please update it. Thanks
Thomas
July 24, 2021
Spent loads of times in earlier JS training with closures and function scope, nothing about closure, is it still an item in ES6,7,8? Maybe some words about closures and new features ES6,7,8 still there? all compatible?
Angel
June 19, 2021
Considero que el modo de dar la clase es un poco desordenado. Hay muchos errores durante la codificación que se podrían resolver con un poco de edición. Incluso, en el capítulo de Map, WeakMap, uno de los videos acabó con un error. Para explicar conceptos, a veces se vale de cosas que no son tan evidentes si no tienes experiencia con otros lenguajes. Si bien he podido aprender cosas útiles hasta ahora, mi impresión es que las clases no fueron preparadas como para un curso en línea, más bien siento como si las grabaciones fueran parte de un taller en vivo.
Aman
May 5, 2021
Superb explanation ! Great research done ! Thank a lot for such a great information and tha vast journey of technologies.
Mehmet
February 9, 2021
he is clarified so many things just in a video. he know how to teach and how to share his knowledge to others.
Bruno
February 5, 2021
Robert really helped me get over my prejudice of Javascript, which in the past I wasn't very keen to go into, but now I can see great things with it.
Johknotter
May 13, 2018
Awesome course! Rob gives a great introduction to the new ES6, ES7 and ES8 updates for JavaScript. I would highly recommend this course to those who are interested in learning from one of the best instructors on Udemy. Rob covers the new Spread Syntax, better use of Array Methods, prototypes for arrays, as well as coding examples for classes in JavaScript and Java, and much more.

Charts

Price

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

Rating

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

Enrollment distribution

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

Related Topics

1551422
udemy ID
2/12/2018
course created date
8/24/2019
course indexed date
Bot
course submited by