Gain insights into ES6's enhancements in JavaScript. Delve into practical uses, discover easier coding with new features, and adopt modern practices through interactive exercises and quizzes.

esprima.tar.gz

JavaScript is a fundamental asset for any web developer. As an evolving language, new releases continue to refine it to make it more accessible for large-scale use. ECMA Script, or ES in short, is the standardized name for the programming language popularly known as JavaScript. The sixth release of the script is known as ES6 and features major enhancements which improve Javascript's usability. Writing and reading code is now easier with the introduction of features like Arrows, Symbols, etc. 

This course provides a practical view into all of the components present in ES6. We'll discuss the importance of each component, learning how and why it makes things simpler in Javascript. Interactive exercises and quizzes will help you adopt these modern coding practices for JavaScript. ES6 is rapidly growing in popularity, and this course is essential for anyone who wants to be fully immersed into JavaScript.

JavaScript In Practice: ES6 And Beyond

Let's start with an example, where we implement a classical inheritance scenario in JavaScript.

`Rectangle` is a constructor function. Even though there were no classes in ES5, many people called constructor functions and their prototype extensions classes.

We instantiate a class with the `new` keyword, creating an object out of it. In ES5 terminology, constructor functions return new objects, having defined of properties and operations.

Prototypal inheritance is defined between `Shape` and `Rectangle`, as a *rectangle is a shape*. Therefore, we can call the `getColor` method on a rectangle, even though it is defined for shapes.

Prototypal inheritance is implicitly defined between `Object` and `Shape`. As the prototype chain is transitive, we can call the `toString` built-in method on a rectangle object, even though it comes from the prototype of `Object`.

If this example is your first encounter with classes, you may conclude that it is not too intuitive to read this example. Especially the two lines building the prototype chain seem far too complex to write. The definition of classes are also separated: we define the constructor and other methods in different places.

introduction to prototypal inheritance using an example (rectangle "is a" shape)

Function Scope, Block Scope, Constants

Arrow Functions

Default Arguments

Classes

Destructuring

Spread Operator and Rest Parameters

Objects in ES6

Tail Call Optimization and Other Function Features in ES6

Symbols

The for-of loop

String and Template Literals

Sets, Maps, and their Weak Versions

Iterators and Generators in Depth

ES6 Promises

Configuring ES6 with Webpack

The Reflect API

Proxies in Practice

Math and Number Extensions

ES2016

ES2017

Your Final Exam: ES6 Job Interview Questions

Bonus chapter: Your learning plan

Prototypal Inheritance in ES5