Upgrade your JavaScript to ES6/ES2015

Learn how to start using ECMAScript 6 (ES6) for your JavaScript development, and why it's a great idea. | taught by Tamas Piros

Course description

This course has been created for developers interested in learning ES2015 / ES6 or who are JavaScript developers and would like to upgrade their current skills and learn the latest specification of the most widely used programming language.

The course currently consists of 9 modules, each of them packed with examples and explanations on specific ES2015 / ES6 topics.

The course takes about 2-3 hours to complete.

Who should take this course?

  • Developers familiar with JavaScript
  • Developers wishing to learn about ES2015 / ES6

What do I need to know or do before starting this course?

  • You should have Node.js installed (ideally Node.js version 4 or greater)
  • You should have your favourite text editor or IDE ready

What does the course cover?

Lecture 1 - Adding to 'var' with 'let' and 'const'

ES6 introduces two new ways to declare variables in JavaScript. No longer stuck with just 'var' we now also have 'let' and 'const'. For the first time in JavaScript we will be able to have true block level variables and also constants that can only be set once.
This unit discusses the 'let' and 'const' keywords in ES2015 / ES6 with working examples.

Lecture 2 - A new approach to functions: Arrow functions

Probably the most exciting addition to ES2015 / ES6 are the arrow functions - they allow developers to use a new streamlined syntax to create functions. Arrow functions also come with a set of new features that the JS community welcomed, including:

  • The value of 'this' remains the same throughout the function and it's also lexically bound
  • there's no 'arguments' object
In this unit we'll take a look at what all this means in real terms, get used to the syntax and explore the benefits of arrow functions.

Lecture 3 - Taking functions to the next level

ES2015 / ES6 brings quite a few additions to functions such as:

  • Rest parameters
  • The spread operator
  • Default parameters
  • Block level functions

In this unit we'll take a look at all of these, finding out what they all mean and trying them all out in various working examples.

Lecture 4 - The new features of objects

ES2015 / ES6 comes with two interesting updates for JavaScript objects, which we'll explore in this unit with working examples.

Firstly, computed property names. The names of object properties can now by dynamically computed without having to use the associative array syntax or the evil eval.

Secondly, object destructuring simplifies the process of extracting the values from an object.

Lecture 5 - At last ... built in templating!

After a long wait ES2015 / ES6 brings native templating to JavaScript.

ES2015 / ES6 can support multi-line strings, gives us the ability to substitute variables in a string and can even evaluate simple expressions. All with a really simple and intuitive syntax.

This unit covers all of the aspects of template strings in ES2015 / ES6.

Lecture 6 - Bringing classes to JavaScript

Since the existence of JavaScript classes have not been part of the language specification. All other object-oriented languages have support for classes, inheritance and all other OO features.

In ES5 you had to create a constructor and assign functions to its prototype. In ES2015 / ES6 this no longer is the case.

In this unit we'll see how classes work in JavaScript, covering defining and instantiating class, class inheritence and extending classes.

Lecture 7 - Modules are now a native feature

Modules in JavaScript are not a new concept, as there are several module loading systems out there - think require.js. If you've done much with Node then the concept of modules is something you'll be very familiar with.

ES2015 / ES6 brings a module loading system directly into JavaScript, natively.

This unit discusses how - with ES2015 / ES6 - we can import and export functions and variables from modules, or even entire modules. With working example of course.

Lecture 8 - Introducing generators & iterators

As part of the ES 2015 / ES6 specification JavaScript receives iterators and generators.

These are new and updated ways of creating and working with items to loop through. The currently typical use for iteration is to loop through an array or an object - with ES2015 / ES6 you can do so much more.

This unit discusses iterables, generator functions and iterators via working examples in ES2015 / ES6.

Lecture 9 - Promises, for when you need sequential programming

This unit discusses native Promises in ES2015 / ES6 via working examples.

Tamas Piros
Tamas Piros
Co-Founder - Full Stack Training

Tamas is a full stack web developer turned technical trainer and curriculum developer. Tamas has a decade of experience working with large, prestigious multinational telecommunications and media organisations such as Verizon, Panasonic and the BBC. Throughout his career Tamas has delivered training classes all over the world to both technical and non-technical audiences.