Beginning ES6, The Next Generation of JavaScript

Learn how to compile, install and understand EcmaScript 6, and also use it in several hands-on tutorials
3.1 (18 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,165 students enrolled
$19
$25
24% off
Take This Course
  • Lectures 16
  • Length 1 hour
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

This course is a complete introduction to the exciting, new programming language ES6 - also known as EcmaScript 6, which is the language all internet applications will be written in within the next 5-10 years. It is much more powerful than plain old JavaScript. If you learn to use it, you can dramatically increase your coding productivity!

ES6 seems complicated, because there's so much to take in, and there's a lack of definitive resources. In fact, ES6 is very simple and easy to use! This series will fully demistify the process of using ES6!

We will cover many features of ES6 including:

- Compiling ES6 to JavaScript- ES6 arrow functions- ES6 classes- Rest, Spread and Default- Much More

This course will NOT cover some of ES6's more difficult to understand or experimental elements. You will learn ONLY the most practical and simple ES6 skills. If you wish to learn about ES6 Modules, Generators or API Reflection, you may wish to seek out a more advanced course on ES6.

This course is packed with video tutorials and hands-on examples. You'll want to be ready to code along at home to get the most from this course.

If you want to take your Web Development to the next level, and be SUPER-employable for the long-term, this is the course for you!

What are the requirements?

  • This course does not require any preparation
  • To code along at home, the user should have a PC or Mac with a connection to the internet (You will need to run Node. If you don't have it installed, we will cover that in this series)

What am I going to get from this course?

  • Understand ES6 and explain what it is
  • Access ES6 resources on the net
  • Install and compile ES6 on your computer
  • Use ES6 Classes
  • Use ES6 Arrow Functions
  • Learn many other ES6 features like Rest, Spread and Template String
  • Gain a basic overview of modules

What is the target audience?

  • This course is right for someone with no understanding of ES6 or what it is
  • This is a good course if you're already fairly familiar with JavaScript or another object oriented language
  • Perfect for someone who wants to be competitive in the field of web development

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: What is ES6?
03:27

ES6, also known as EcmaScript 6, or JavaScript 6, is a new edition of JavaScript with many new features.

In this tutorial, we'll have a look at what you can expect to learn about ES6 in this series of lessons.

05:05

One of the things that add unnecessary confusion to ES6 is the lack of authoritative information regarding its use.

This section will guide you through a few useful tools for learning ES6

04:34

ES6 is a version of JavaScript with many features. This video explains what ES6 is and its role in the web today.

1 page

The completed diagram for What is ES6: An Explanation.

03:36

It will be necessary for a long time to precompile your ES6 in to ES5 before sending it to production.

This video introduces Babel, which is the preferred tool for compiling ES6.

Section 2: Practical ES6 Skills Today
06:38

The first skill in your toolbelt will need to be compiling ES6 on your computer. Once you can do this one thing, you are already on the path to being an ES6 pro.

This video outlines the simple process for doing so. You can follow along at home on your computer.

03:00

This section introduces the new features of ES6 and prepares students for an exciting journey in education.

11:13

One of the most useful features added to ES6 are classes. Classes allow you to pack tons of functionality into reusable, extendable objects.

This video provides a thorough overview of classes.

05:17

ES6 template strings are very useful and easy to understand. They add more functionality to JavaScript's strings.

This tutorial demonstrates template strings.

03:26

Destructuring is handy shortcut for defining many variables at a time.

This video demonstrates two kinds of destructuring - object and array.

03:40

Default, spread and rest are three independent features that provide yet more functionality to JavaScript functions.

In this tutorial, we'll demonstrate all three.

02:35

Let and Const are important new keywords that add stability and clear scoping to JavaScript.

This tutorial will demonstrate both Let and Const in an interactive manner.

8 questions

This quiz will test your knowledge of EcmaScript 6, the next version of JavaScript!

5 pages

A bonus PDF containing a condensed version of some of the wisdom in this course. Yours to download.

Section 3: An Overview of Advanced ES6 Features
10:40

This course covers only ES6's basic features in detail.

For an understanding of the more advanced ES6 features, a full understanding of any of which is a matter for its own tutorial, this video briefly touches on each one.

01:01

This is a quick summary of the course, Learn ES6. Thank you for learning with us today!

1 page

I have put together these ES6 exercises so that you can test and apply your new-found ES6 skills. Though these are not required, they are a great way to retain the information you have learned!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Daniel Stern, The Code Whisperer

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

- Node.js
- Angular.js
- TypeScript
- MongoDB
- Brackets, the Open Source Code Editor
- Esprima
- LESS
- Grunt
- Yeoman
- Many, many, many more

Ready to start learning?
Take This Course