Learning ECMAScript The Next Generation of Javascript

Start using EcmaScript in production and own projects today.

Created byNelson Jamal

Last updated 1/2018

English

What you'll learn

Use latest version of javascript in their projects and applications
Understand how ES6 is transformed into ES5
Best approaches to convert ES6 to ES5
Intro to react with ES6

Course content

9 sections • 37 lectures • 2h 26m total length

Hi0:57
Browser Support and Babel3:59
Environment Setup (Node.js and YARN)2:50
Getting the source code on Github4:18
Download the application from github.
Source Code and Project Walkthrough6:08
Overview and understand the folder structure for the whole application.

Introduction to Modules2:56
In this lecture we will understand what modules are and how to use them.
Named Exports & Imports (1)3:34
In this lecture we will learn how to export and consume multiple values such as variables, functions and classes from a modules.
Named Exports & Imports (2)1:59
Default Exports & Imports2:58
In this lecture we will learn how to export a single variable, function or class from a module

Variable Scope and Let Keyword2:04
In this lecture we will learn what happens when you declare a new variable, the problems that arise and how to tackle them using the let keyword.
Constant (Const)3:31
In this lecture we will learn why this new key keyword called const is the new and prefered way to to define everything in javascript.
Template Literals2:37
In this lecture we will learn the correct way to concatenate variables and strings togethers. Very usefull indeed.
Spread Operator on Arrays4:57
Spread Operator on Objects2:18
Arrow Functions4:26
In this lecture we will learn about arrow functions or also know as lambdas.
Lexical this4:53
In this lecture we will learn how to use the new map api.

Enhanced Object Properties4:14
In this lecture we will learn some 3 new ways that we can manipulate objects.
Destructing Assignment on Arrays3:37
In this lecture we will learn how to pull values from arrays using the destructuring assigment.
Destructuring Assigment on Objects4:12
In this lecture we will learn how to pull values from objects using the destructuring assigment.
More on Object Destructuring2:27
Function Default Parameters3:40
In this lecture we will learn how define default values on function parameters.

Promises (KEYNOTE)2:04
Creating our first Promise4:10
In this lecture we will learn all about promises. We will create our own promises and use the resolve and reject methods to return values.
Promises.All6:59
In this lecture we will learn how to execute multiple promises at once and retrieve resolved data once all promises are fullfiled successfully.
Promises real example with fetch7:51
In this lecture we will learn how to query a real API with the use of promises.

Generators (Keynote)2:40
In this lecture we will learn what generators are.
Generators (The Basics)4:43
In this lecture we will learn how to pause functions with generators.
More on Generators4:01
In this lecture we will learn how to install the react preset to write react application with es6.
Bluebird (KEYNOTE)2:02
In this lecture we will learn all about the couroutine method provided by bluebird.
Generators, Promises and Coroutines8:44
In this lecture we will learn how awesome bluebird and promises are when used together.

Requirements

Mac or PC
Text editor
Basics of Javascript

Description

Are you ready to take the next step in your applications? I am sure you always are. Join me on this course where I will teach you ECMASript new features. ES6/ES7 is the new version of JavaScript and it is awesome and if you want to become a better developer this is the right course for you.

This is not just a regular course that teaches you the new features by using JSBin or any other online interpreter. In this course you will understand how to use ES6/ES7, what are the tools available but more important how to configure it properly so you can use it in your applications after upon completing this course.

Instead of using the console provided by browsers to log the output we will write a custom logger that will log to the html page. You will also have access to the entire source code so you can compare your code with mine whenever you get stuck. If that’s not enough I will also be available to help at any time.

Who this course is for:

Someone who has some programming expirience

Learning ECMAScript The Next Generation of Javascript

What you'll learn

Explore related topics

Course content

Getting Started5 lectures • 18min

Modules4 lectures • 11min

New Syntax7 lectures • 25min

Functions / Methods & Objects5 lectures • 18min

Classes4 lectures • 22min

Promises4 lectures • 21min

Generators5 lectures • 22min

Beyond ES6 and React2 lectures • 8min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: