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 is the correct output of the following code?

```javascript
function func() {
  let promise = Promise.resolve(1);
  let result = await promise;
}
func();
```

<h3>What is the correct output of the following code?</h3>
<pre><code class="language-javascript">function func() {
  let promise = Promise.resolve(1);
  let result = await promise;
}
func();
</code></pre>


### What is the **last** output of the following code:

```javascript
function walk(amount) {
  return new Promise((resolve,reject) => {
    if (amount > 500) {
      reject ("the value is too big");
    }
    setTimeout(() => resolve(`you walked for ${amount}ms`),amount);
  });
}

async function go() {
  const res = await walk(500);
  console.log(res);
  const res2 = await walk(300);
  console.log(res2);
  const res3 = await walk(200);
  console.log(res3);
  const res4 = await walk(700);
  console.log(res4);
  const res5 = await walk(400);
  console.log(res5);
  console.log("finished");
}

go();

<h3>What is the <strong>last</strong> output of the following code:</h3>
<pre><code class="language-javascript">function walk(amount) {
  return new Promise((resolve,reject) =&gt; {
    if (amount &gt; 500) {
      reject (&quot;the value is too big&quot;);
    }
    setTimeout(() =&gt; resolve(`you walked for ${amount}ms`),amount);
  });
}

async function go() {
  const res = await walk(500);
  console.log(res);
  const res2 = await walk(300);
  console.log(res2);
  const res3 = await walk(200);
  console.log(res3);
  const res4 = await walk(700);
  console.log(res4);
  const res5 = await walk(400);
  console.log(res5);
  console.log(&quot;finished&quot;);
}

go();</code></pre>


We’ll discover the new features introduced in ES2018 coming up next.

In this lesson, we will solve a quiz related to the concepts covered in the previous lesson

Introduction

Intro To JavaScript

ES6

From ES2016 to ES2022

Intro To TypeScript

Appendix

Quiz

What is the correct output of the following code?