Leveling up to ES6
4.6 (1,309 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
37,208 students enrolled

Leveling up to ES6

Level up your javascript knowledge with the latest features provided in ES6
4.6 (1,309 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
37,208 students enrolled
Created by Cody Seibert
Last updated 9/2017
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 12 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Know what all the new ES6 features include
  • Be able to implement and use the ES6 features
  • Understand when these particular ES6 features should be used
  • Understand why these ES6 features help you write cleaner and concise code
Course content
Expand all 53 lectures 03:08:08
+ Const & Let
2 lectures 09:55
Let and Const Quiz
3 questions
Let's Try Using Const - Appending Negative Numbers
1 question
Let's Try Using Let - Setting a Largest String
1 question
+ Block Scope
1 lecture 06:11

Test your knowledge on block scope

Block Scope Quiz
5 questions
Using Let in Block Scope
1 question
+ Arrow Function
1 lecture 09:42

Quiz your knowledge with using the arrow function

Arrow Function Quiz
5 questions
Using the Fat Arrow
1 question
+ Extended Parameter Handling
3 lectures 13:48
Default Parameters
03:20
Rest Operator
03:14
Spread Operator
07:14
Parameter Handling Quiz
6 questions
+ Template Literals
5 lectures 13:45
String Interpolation
02:10
Multi-Line
03:00
Extra Example
02:48
Tags
04:52
Raw
00:55

Test your knowledge on template literals

Template Literals Quiz
4 questions
Using those Template Literals!
1 question
+ Enhanced Object Properties
3 lectures 07:11
Property Shorthand
02:36
Computed Property Names
02:27
Method Properties
02:08

Test your knowledge on the enhanced object features

Enhanced Object Quiz
3 questions
+ Classes
5 lectures 13:35
Definitions
03:20
Extends
03:03
Super
02:00
Static Members
02:17
Getters and Setters
02:55
Using the Class
1 question
Extending a Car
1 question
Static Methods on Class
1 question
The Car Getter
1 question
+ Destructuring Assignment
4 lectures 17:10
Array Matching
06:42
Object Matching
04:36
Deep Object Matching
02:58
Default Values
02:54

Test your knowledge with Destructing

Destructing Quiz
2 questions
Requirements
  • Should have intermediate programming knowledge
  • Basic understanding of javascript features including arrays, objects, prototypically inheritance, functions, self executing functions, scoping, hoisting, looping, etc
  • Be able to install node locally on your machine
  • Know how to run ES6 code using Node version 8.5.0, jsbin, codepen, etc.
Description

Hey there!  I'm Cody Seibert, and welcome to my course Leveling up to ES6! 

Why you should learn ES6

ES6 is a feature set provided on top of the javascript library to provide developers with a collection of awesome new features.  ES6 will make your code clean and concise, and it will make your life easier as a developer.  It also has additional functions and features that were not even possible in prior versions of javascript.  A majority of the latest browsers now support most, but not all, of the ES6 features.  Keep that in mind since most web applications are compiled using Babel.js to provide support for all browsers and older version of browsers.

A majority of the latest libraries and frameworks are now being written in ES6, so you don't want to get left behind.

Overview

In this course, we are going to overview a majority of the latest features provided in ES6.  The strategy I use to introduce these ES6 features is by first (when applicable) showing you how you might have used similar approaches in ES5 and then refactoring the code to resemble ES6.  I'll explain why and when you should be using these features.  After finishing this course, you will be great at using these new ES6 features in your day to day programming endeavors.

What you will learn:

You will learn how, when, and why to use a majority of the latest ES6 features after completing this course.  Some of the features including:

  • const - to declare constant variables
  • let - block scoped enabled variables
  • block scoping - now your blocks can have variables and functions scoped onto them
  • arrow functions - simplify your code and prevent typical issues related to lexical this in javascript
  • generators - an awesome new way to write iteratable code
  • classes - no more having to use some complicated prototype and function hackery to create classes
  • Map - an easier to use data structure than just using objects or arrays to create maps
  • Set - an easier to use data structure for keeping track of a set of entries
  • Promises - an awesome alternative to using callbacks
  • Async / Await - yet a better solution for writing synchronous code instead of callbacks and promises
  • string interpolation - your strings will now be beautiful
  • spread operator - an awesome helper function for concat 
  • rest operator - a cool operator for passing arguments to and from functions
  • AND MORE....

Who this course it for

This course is for students who already have a decent understanding of programming and using javascript.  If all of the following apply to you, I recommend this course:

  • you already have a decent understand of how to use javascript and would consider yourself an intermediate javascript programmer
  • you should already understand a majority of javascript ES5 features such as functions, objects, prototypical inheritance, variables, hoisting, loops, arrays, strings, etc.
  • you already know how to use a code editor or website such as jsbin or codepen to play around with ES6 yourself

Who this course is NOT for:

This course is NOT a complete beginners guide to learn programming in ES6.  

If any of the following are true for you, I'd suggest taking some time to increase your skillset before returning to take this course:

  • unaware of how to install and use node and npm
  • unaware of how to install and use a text editor (in this course we use VS Code)
  • consider yourself a complete beginner at programming
  • consider yourself a beginner at javascript
  • the pace of the free preview videos is too fast for your learning style

This isn't to say you shouldn't consider my course since I cover a lot of good information, but just be aware you might feel lost without having some previous knowledge already.

Additional Information:

A majority of this course will be taught via VS Code with the Quokka plugin, both of which I will cover how to setup.  We will also be using the latest version of Node 8.x to run our ES6 examples.  

Who this course is for:
  • Students who want to learn the latest ES6 features
  • Students with existing knowledge of JavaScript who has yet to learn the new ES6 features
  • Students who needs extra explanation for any particular ES6 feature