ES6 Javascript: The Complete Developer's Guide

ES6 Javascript Development from scratch. Get practice with live examples and learn exactly where to apply ES6 features.

4.50 (13957 reviews)
Udemy
platform
English
language
Web Development
category
instructor
59,618
students
6.5 hours
content
Mar 2024
last update
$99.99
regular price

What you will learn

Learn how to apply each feature of ES6 in practical situations

Understand the major features of ES6

Have total mastery of generators

Know the difference between ES6 and ES2015

Teach other developers about destructuring

Never need to write a for loop again!

Description

This is the tutorial you've been looking for to master ES6 Javascript.

Generators? We got it. Arrow Functions? Of course. Rest/Spread Operator? Included! And every other new piece of syntax!

Mastering ES6 syntax can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of modern web frameworks like React and Angular 2.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build applications using each new piece of Javascript syntax introduced with ES6.

We'll start by mastering the fundamentals of iteration over Arrays using helpers like 'forEach', 'map', and 'reduce'.  After an introduction to Array helpers, we'll dive right in to advanced ES6, covering topics like enhanced object literals, default function arguments, and classes.  Every topic includes multiple live code exercises to ensure you understand each new concept.

If you are new to Javascript or ES6, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the Javascript course for you! To learn ES6 you have to understand it and comprehend exactly why each piece of syntax was added to the language

  • Learn the purpose of Babel and why ES6 was created
  • Master the process of refactoring your current ES5 code into super-charged ES6
  • Grasp the difference between the 'rest' and 'spread' operators
  • Develop complex applications that scale in complexity by mastering advanced ES6 design patterns
  • Dive deeper into iteration using generators.  No fancy terms required!

I've built the course that I would have wanted to take when I was learning ES6. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Content

Before We Get Started

How to Take This Course
ES6 vs ES2015

The 'forEach' Helper

Array Helper Methods - The Easiest Way to Write Better Code
The forEach Helper
forEach Continued
Why Use forEach?
Moving Away from For Loops
Processing Values

The 'map' Helper

The Map Helper
Map Helper Continued
Where Map Is Used
Plucking Values
Calculating Values with Map
Really Hard - Implementing 'Pluck'

The 'filter' Helper

Selecting Needed Data with Filter
More on Filtering
Choosing When to Filter
Filtering Values
Handling Permissions with Filter
Challenging! Implementing 'reject'.

The 'find' Helper

Querying For Records with Find
Find Continued
Using Find to Search for Users
Finding Admin Users
What's Your Balance?
Really Challenging: Custom findWhere Helper

The 'every' and 'some' Helper

A Little Every and a Lot of Some
More on Every and Some
Every and Some Syntax
Every and Some in Practice
Finding Submitted Users
In Progress Network Requests

The 'reduce' Helper

Condensing Lists with Reduce
A Touch More of Reduce
Ace Your Next Interview with Reduce
Distance Traveled
Reducing Properties
Hardmode: Custom 'Unique' Helper

Const/Let

Variable Declarations with Const and Let
What Const and Let Solve
A Constant Exercise of Letting Variables Be Variables
Const/Let Refactoring

Template Strings

Template Strings
When to Reach for Template Strings
Template Strings in Practice
Name Helpers

Arrow Functions

Fat Arrow Functions
Advanced Use of Arrow Functions
When to Use Arrow Functions
When to Use Arrow Functions Continued
Refactoring Keyword Functions
Arrow Functions Aren't Always a Solution

Enhanced Object Literals

Enhanced Object Literals
Wondering When to Use Enhanced Literals?
Multiple Properties with Enhanced Notation
Condensing Code with Enhanced Literals
Literals in Functions
Refactor to use enhanced literal notation

Default Function Arguments

Specifying Default Function Arguments
Use Cases of Defaulting Arguments
Using Default Arguments
Dumping Unused Code

Rest and Spread Operator

Capturing Arguments with Rest and Spread
The Rest on Rest and Spread
Look to Use Rest and Spread in This Case
Many, Many Arguments
Spreadin' Arrays
Mixing Rest and Spread

Destructuring

Goldmine of ES6: Destructuring
Destructuring Arguments Object
Destructuring Arrays
Destructuring Arrays and Objects *At the Same Time*
So...When to Use Destructuring?
More on When to Use Destructuring
Destructuring in Practice
Array Destructuring in Practice
Recursion with Destructuring

Classes

Introduction to Classes
Prototypal Inheritance
Refactoring with Classes
Extending Behavior of Classes
When to Use Classes
Game Classes
Subclassing Monsters

Generators

One Quick Thing: For...Of Loops
Introduction to Generators
Generators With a Short Story
Another Step in Our Generator Story
The Big Reveal on ES6 Generators
A Practical Use of ES6 Generators
Delegation of Generators
Delegation of Generators Continued
Symbol.Iterator with Generators
Complexities of Symbol.Iterator
Generators with Recursion
More on Generators and Recursion

Promises and Fetch

Code Execution in Javascript
Terminology of Promises
Creating Promises
Then and Catch
Async Code with Promises
Ajax Requests with Fetch
Shortcomings of Fetch

Extras

Bonus!

Screenshots

ES6 Javascript: The Complete Developer's Guide - Screenshot_01ES6 Javascript: The Complete Developer's Guide - Screenshot_02ES6 Javascript: The Complete Developer's Guide - Screenshot_03ES6 Javascript: The Complete Developer's Guide - Screenshot_04

Reviews

Sreehari
September 5, 2023
The topics towards the end, generators and promises, did not have hands-on coding examples. If possible including them would have been quite helpful. A very neat course on ES6.
Bozhidar
August 8, 2023
Nice course, it covers the most important things from ES6, and it's not too long, so it can serve well as a reference or refresher!
Sijan
July 24, 2023
This course if so full of features, examples, real-world scenarios, and practice problems. This makes this course wholesome content.
Okoroafor
June 12, 2023
The tutor jumped to arrays and I don’t understand arrays at all. I’m quite lost in the learning process
Rohit
May 29, 2023
The instructor did a fantastic job covering various topics, and I learned a lot throughout the course. The content was well-structured, and the explanations were clear and concise. However, there was one aspect that I found challenging, which was the section on generators. While the instructor made an effort to explain the concept, I felt that it could have been covered in more depth. Generators can be a complex topic, and I believe it would have been beneficial to provide additional examples or exercises to solidify my understanding. Despite this, I still gained a lot of valuable knowledge from the course, and I'm grateful for the instructor's expertise and teaching style. I would highly recommend this course to others, as it covers a wide range of topics and provides a strong foundation in the subject matter. Overall, I am pleased with the course, and I appreciate the effort put into creating it. Thank you to the instructor for their dedication and for sharing their knowledge with us.
Shraddha
May 5, 2023
Need a more deep dive of concepts like arrow function because given explanation was made me more confused.
Deepali
April 23, 2023
It was amazing course as it allows learners to do hands on practice along with learning and solutions provided helped a lot.
Oguz
April 17, 2023
With hands-on practice and real-world examples, I've enhanced my ES6 knowledge and sharpened my development skills. Excited to apply what I've learned and continue to grow!
Jun
March 7, 2023
Basic javascript knowledge is recommended, but not necessary Stephen really explains all the concepts in a very clear and super to understand manner. I find the plus points, are the fact that there are sections in all the lessons, where we are taught the use-cases, and when/where we should use it and when not to Highly recommend this course!
Archie
February 28, 2023
wish there was more content. over all the programming in the videos was informative and well explained.
Sunny
February 15, 2023
All is good to go and the content are explained so clearly that even beginner can understand it very clearly. Hope the upcoming content will be helpful too.
Alena
January 19, 2023
I like this course. It's very simple to understand. I saw some examples of "Symbol". And there is some practical tasks. Thank author for this course.
Robert
January 17, 2023
First half of the course is good - 10-20 mins of explanation per topic and a couple of exercises to cap it off. Later on the explanations topics get very long before you get to do some hands-on practice, and the last 2 topics have no practice assignments whatsoever. As a practical learner, the later topics were kind of useless to me as a result. I feel like I gained no understanding about them, especially generators. My takeaway about generators from this course is 'I will never use these', which is a shame for a topic that occupied 90 minutes of lesson time. Course is good as an introduction to helper functions, these are well-explained and are concise. Still, more exercises would have been preferred.
Hitesh
January 13, 2023
The course structure was good. The instructor was able to explain all the concepts and terms. And I feel that the course content was worth it. I have a better understanding of ES6 JavaScript now
Paulo
August 17, 2022
This course is amazing, the instructor is super clever and we can see that he knows what he`s talking about.

Coupons

DateDiscountStatus
6/28/201990% OFF
expired
3/31/202283% OFF
expired

Charts

Price

ES6 Javascript: The Complete Developer's Guide - Price chart

Rating

ES6 Javascript: The Complete Developer's Guide - Ratings chart

Enrollment distribution

ES6 Javascript: The Complete Developer's Guide - Distribution chart

Related Topics

861624
udemy ID
5/27/2016
course created date
6/26/2019
course indexed date
Bot
course submited by