Gain insights into ES6 essentials with 22 lessons and 140+ coding playgrounds. Discover template literals, generator functions, promises, maps, and more for modern JavaScript development.

ES6 is the future of JavaScript and modern JavaScript frameworks like React are based on ES6. Every web developer needs to learn ES6 to stay relevant. It's also more fun to write ES6 code.

With 22 lessons and 140+ coding playgrounds, this course will help you become a better developer, and allow you to review the features you want when you want. Let's Learn ES6 is an interactive course meant to help developers understand the new syntax and features of ES6. After this course, you would be able to comprehend:

1. Template literals, 
2. Generator functions
3. Promises
4. Maps and more. 

Let's go ahead and start learning ES6.

[Ryan Christiani is the Head Instructor & Development Lead at HackerYou in Toronto]

Let's learn ES6! Master new JavaScript features faster and easier

In ES6 there is a new function syntax. There are some nuances to the syntax that we will be going over.

Before we get into the syntax for an Arrow Function, let's look at where the inspiration came from. CoffeeScript has had Arrow Functions for a while, there is a talk from Brendan Eich and Jeremy Ashkenas <sup>(1)</sup> and a post from Brendan <sup>(2)</sup> where they talk about how developers helped invent the future of JS. CoffeeScript was one of those languages that helped push JavaScript forward.

The syntax in CoffeeScript looks like this:

```cs
add = (a,b) -> 
    a + b
```

For ES6 they settled on this syntax:

const add = (a,b) => {
  return a + b;
};

console.log(add(5, 10));


From an initial look at the syntax, you might be thinking "So, no function keyword?". That is not quite accurate. The Arrow function can take many different forms. You can write an Arrow Function like an anonymous function. 

const add = function(a,b) {
  return a + b;
}

const add = (a,b) => {
  return a + b;
}


You call the functions the same way `add(2,3)`. If you have a single-line statement for your function, you can remove the parentheses and the `return` keyword to reduce everything to one line.