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

ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript!
ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript!
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 13 Hours | 6.01 GB

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

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

  • Intro
  • ES6 Easy Wins
  • Classes
  • Array Changes
  • Map Constructor and Weak Map
  • Set Constructor and Weak Set
  • Promises
  • ES8 (Async)
  • Proxy Constructor and Reflect Object
  • Generators and iterators
  • Typed arrays (coming…)

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
Table of Contents

Introduction
1 Introduction
2 Github link

Proxy Constructor and Reflect Object
3 Intro to the Proxy Constructor
4 Proxy CHALLENGE
5 Proxy CHALLENGE Explanation and Walkthrough
6 Reflect Object
7 Reflect Object – continued

Generators, iterators, iterables and for…of
8 Intro to generators and iterators
9 Generators (and how you really read the docs)
10 Iterators, Iterables and for..of
11 Iterators, Iterables and for..of (Continued)
12 Tying back into generators

ES7 – ES2016 – Easy wins
13 ES7 – Exponentiation, Includes, and Rest parameter destructuring

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

The Easy Wins
17 How JS compares to other languages
18 Arrow Function
19 Object Literals and Destructuring
20 LetConst – How JS vars compare to other languages (C, Java, PHP, Ruby, Python)
21 LetConst (Short)
22 Template Literals
23 Tagged Templates
24 Tagged Template CHALLENGES
25 Tagged Template Challenge walkthrough
26 Function Updates – default and rest operator
27 Spread Syntax

Classes
28 Intro to Classes
29 Classes – basic syntax
30 Setters and Getters
31 Static Methods
32 Sub classes and prototypal inheritance (extends and super)

ES6 (2015) Arrays
33 for…of
34 from()
35 of() and .fill()
36 find() and .findIndex()

Map, Set, WeakMap, WeakSet and how JS stores stuff
37 Reference vs. value – how JS stores variables
38 Intro to HashmapsMap
39 Java Hashmaps — JavaScript Map
40 Map methods
41 Weak Map vs Map
42 Intro to the Set constructor
43 Weak Set vs. Set

The Symbol Data Type
44 Intro to the Symbol Data Type

Promises
45 Review on what it means to be async
46 CHALLENGE – Promises and file IO (Requires data.zip)
47 Challenge File IO Walkthrough
48 Callbacks review
49 What is a promise (and why should I care)
50 Promise Syntax and Breakdown
51 API key and link for the next lecture
52 Some real fun (and use) with Promises (AJAX style)
53 Promise.all CHALLENGE Solution
54 Chaining Promises (using AJAX)
55 Challenge Starter code

ES8 – Async and Await (and a few extras)
56 Async and Await intro
57 Async with a SQL example
58 Challenge Starter code
59 CHALLENGE – Movie API chaining — AsnycAwait and walkthrough
60 ES8 Easy Wins