The Full JavaScript & ES6 Tutorial - (including ES7 & React)
4.1 (2,820 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.
58,748 students enrolled

The Full JavaScript & ES6 Tutorial - (including ES7 & React)

The most in-depth course on ES6 around. Start with JavaScript, deep-dive into ES6, & even more (Webpack, ES7, & React)!
4.1 (2,820 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.
58,749 students enrolled
Created by David Joseph Katz
Last updated 6/2018
English
English [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 26 articles
  • 2 downloadable resources
  • 9 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
  • Code in JavaScript like a pro.
  • Code in es6 comfortably, using all the new features.
  • Build es6 projects from the ground up using tools like webpack and babel.
  • Create a basic ReactJS application from scratch.
Course content
Expand all 106 lectures 05:10:17
+ JavaScript Language and Essentials
16 lectures 47:16
Variables and Assignment
03:53
Help! Can You Fix this Syntax?
1 question
Help! Can You Fix This Syntax? | Solution
00:24
Weighing Buddy (Functions and Objects)
1 question
Weighing Buddy (Functions and Objects) | Solution
00:12
Booleans and Comparison Operators
02:57
If Statements
04:57
Switch Statements
03:34
For Loops
04:36
While Loops
04:32
Show Me the Evens - Show me the Odds
1 question
Show Me the Evens - Show Me the Odds | Solution
00:22
Language and Essentials - the Foundations | Section Overview
01:27
+ Setting up an ES6 Development Environment
10 lectures 30:28
Presenting ES6, Babel, and Webpack
00:56
A Note for "ES6 Essentials" Students
00:18
Why We Need Babel
01:31
How Babel Works
01:40
Benefits of Webpack
01:21
Set Up Project and Webpack 4
07:52
Configure Webpack and Development Environment
09:09
Set Up Babel with Webpack
05:31
Forking the Coding Environment
01:10
Setting Up an ES6 Development Environment | Section Overview
01:00
+ Understanding ES6 Essentials Part 1
8 lectures 27:24
Presenting New ES6 Syntax
02:20
Assignment with Let and Const
05:20
Control with Block Scoping
04:33
Template Literals
03:05
Spread Operator and Rest Parameters
03:34
Destructuring Assignment on Arrays and Objects
06:07
Optional Quiz : New ES6 Syntax
4 questions
Synthesizing ES6 Syntax | Section Overview
01:35
+ Understanding ES6 Essentials Part 2
7 lectures 23:57
Presenting Methods and Modules
01:55
Arrow Functions
04:28
Map and Filter Method
05:03
Presenting Additional ES6 Built-in Methods
01:46
String Helper Methods
03:52
Modules
05:34
Optional Quiz : Methods and Modules
3 questions
Methods and Modules | Section Overview
01:19
+ Classes and Prototypes
9 lectures 25:32
Presenting Classes
01:55
Defining Classes
04:08
Inheriting Classes
05:05
Static Methods in Classes
02:54
Fender Bender (Classes)
1 question
Fender Bender (Classes) | Solution
00:21
Highlighting Differences between Classes and ProtoTypes
02:17
ProtoTypes
07:12
Prototype a Vehicle
1 question
Prototype a Vehicle | Solution
00:26
Classes and Prototypes | Section Overview
01:13
+ Data Structures in ES6
7 lectures 19:43
Presenting Data Structures in ES6
01:48
Writing a Set
05:39
Does this Word Contain this Letter? (Sets)
1 question
Does this Word Contain this Letter? | Solution
00:20
Presenting Maps
01:20
Writing a Map
08:54
How Many Times Does this Letter Appear? (Maps)
1 question
How Many Times Does this Letter Appear? | Solution
00:31
Data Structures in ES6 | Section Overview
01:11
+ Closures in ES6
6 lectures 17:33
Presenting Closures
00:56
Closures and Scoping
03:31
Function Factories
06:05
Addition Factory (Closures)
1 question
Addition Factory (Closures) | Solution
00:24
Private Methods
05:41

Time for an optional quiz! Let's check our newfound knowledge of closures.

Optional Quiz: Examining Closures
3 questions
Closures in ES6 | Section Overview
00:56
+ ES6 Generators
6 lectures 16:18
Presenting Generators
01:02
Defining a Generator
05:00
Generation XYZ
1 question
Generation XYZ | Solution
00:11
Controlling Flow with Generators
03:27
Generators vs Iterators
05:36

Time for an optional quiz! Let's check our newfound knowledge of generators.

Optional Quiz | Generators in ES6
3 questions
ES6 Generators | Section Overview
01:01
Requirements
  • Little to no requirements - beginners welcome!
  • Some basic JavaScript knowledge will help, but not necessary.
Description

Become a highly-demanded software engineer and developer by taking this in-depth tutorial on JavaScript and ES6. As one of the most highly-paid languages in the industry, learning ES6 will open so many opportunities and jobs for you!

This course contains a ton of creative content, so you’ll learn JS and in-depth ES6 in a stimulating, informative, and fun way.

Filmed tutorials will get you coding yourself. The videos will ensure that you understand the reason behind each new line and keyword.

Optional quizzes and coding challenges reinforce key concepts. Next, coding breaks in each section allow you to approach the course at your own pace. Jokes come up every now and then, especially in the breaks. Who knows, you may chuckle at some ES6 humor!

If you’re new, then this course gives a great intro to JavaScript as a first programming language. If you have a lot of experience, then you’ll find a nice overview of JS and in-depth ES6 topics. Either way, this course is perfect for you!

What are you waiting for? Let’s dive into JavaScript and ES6 and start coding!

Who this course is for:
  • Anyone who wants a top-to-bottom intro to JavaScript.
  • Someone who hopes to elevate their JS with in-depth es6 knowledge.
  • An experienced programmer wanting an overview of advanced es6 topics.