Gain insights into JavaScript from basics to ES2021, delve into TypeScript essentials, and test your knowledge through quizzes and coding challenges to reinforce learning.

node.tar.gz

node:latest

Jan/2021 Updated to include ES2021

Whether you are a complete beginner or you have some knowledge of JavaScript, this course will guide you from the basics of the language to all the new features introduced up until 2021.  You’ll test your knowledge with quizzes and some coding challenges at the end of each chapter. 

After following this course, the functions and variables let, const, generators, promises and async won't be a problem anymore.

If you want to experience something new, this course also includes an introduction to the basics of TypeScript, which is a must-know for any JavaScript developer.

@SuperCoder4

Just completed this amazing ebook  by @montalesi. I would recommend anyone who is looking to upgrade their es6, 7 or 8 knowledge to go through the book once. It is short crisp and to the point and serves as a great resource that you can go through in limited time

Twitter User

@battago

I have been working as a front-end developer for over 5 years but I am still reading the book by @montalesi because I find it really exhaustive and well written.

Twitter user

The Complete Guide to Modern JavaScript

# What's new in ES2020

ES2020 includes many new interesting changes and we are going to cover them in this lesson.

Not all browsers currently support these features so, I recommend you use the latest version of Chrome or Firefox to test the code examples. Otherwise, if you want to use them in your project, be sure to install a compiler like **Babel**, which at their latest version 7.8 already supports ES2020 by default so you don't need to use any plugin.

# BigInt

The support for `BigInt` means that we will be able store much larger integers in our `JavaScript`. The current max is 2^53 and you can get it by using `Number.MAX_SAFE_INTEGER`. That does not mean that you cannot store larger integer, but `JavaScript` does not handle them well, let's look at an example:

let num = Number.MAX_SAFE_INTEGER
console.log(num);
// 9007199254740991
console.log(num + 1);
// 9007199254740992
console.log(num + 2);
// 9007199254740992
console.log(num + 3);
// 9007199254740994
console.log(num + 4);
// 9007199254740996


As you can see, once we hit the max that `JavaScript` can handle, things stop working as we think they should.

In order to start using `BigInt`, we can use the constructor `BigInt` or we can simply append an `n` at the end of your long integer and everything will continue working smoothly as it should.

// IF YOU ARE GETTING ERRORS, RUN THIS CODE IN THE CONSOLE OF YOUR BROWSER

// let bigInt = BigInt(99999999999999999);
let bigInt = 99999999999999999n;
console.log(bigInt + 1n);
// 100000000000000000n


As you can see I did not add `1` but I added `1n`, that's because you can't add one integer to a `BigInt` if you want to do that you first need to parse that `BigInt` using `parseInt(bigInt,10)`.

&nbsp;

# Dynamic Import

This will allow you to dynamically import your modules when you need them. Look at the following example:

Introduction

Intro To JavaScript

ES6

From ES2016 to ES2022

Intro To TypeScript

Appendix

What's new in ES2020

What’s new in ES2020

BigInt