The Full JavaScript & ES6 Tutorial - (including ES7 & React)
4.4 (611 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.
29,364 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Full JavaScript & ES6 Tutorial - (including ES7 & React) to your Wishlist.

Add to Wishlist

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)!
Bestselling
4.4 (611 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.
29,364 students enrolled
Created by David Katz
Last updated 5/2017
English
Learn Fest Sale
Current price: $10 Original price: $100 Discount: 90% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 26 Articles
  • 2 Supplemental Resources
  • 9 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
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 is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 104 Lectures Collapse All 104 Lectures 04:51:03
+
Introducing the Course
6 Lectures 07:36



Installing a Code Editor
01:21

Setting Up with Node
01:57

Getting the Source Code
00:27
+
JavaScript Language and Essentials
16 Lectures 47:26


Variables and Assignment
03:53


Help! Can You Fix this Syntax?
1 question

Help! Can You Fix This Syntax? | Solution
00:26




Weighing Buddy (Functions and Objects)
1 question

Weighing Buddy (Functions and Objects) | Solution
00:14

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:27

Language and Essentials - the Foundations | Section Overview
01:29
+
Setting up an ES6 Development Environment
10 Lectures 18:30
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

Setting Up With Webpack
05:26

Some Webpack Troubleshooting Solutions
00:35

Adding Babel to Webpack
04: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
8 Lectures 27:18
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

Checking Numbers
03:18

Modules
05:34

Optional Quiz : Methods and Modules
4 questions

Methods and Modules | Section Overview
01:22
+
Classes and Prototypes
9 Lectures 25:44
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:25

Highlighting Differences between Classes and ProtoTypes
02:17

ProtoTypes
07:12

Prototype a Vehicle
1 question

Prototype a Vehicle | Solution
00:34

Classes and Prototypes | Section Overview
01:14
+
Data Structures in ES6
7 Lectures 19:52
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:22

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:36

Data Structures in ES6 | Section Overview
01:12
+
Closures in ES6
6 Lectures 17:38
Presenting Closures
00:56

Closures and Scoping
03:31

Function Factories
06:05

Addition Factory (Closures)
1 question

Addition Factory (Closures) | Solution
00:29

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:22
Presenting Generators
01:02

Defining a Generator
05:00

Generation XYZ
1 question

Generation XYZ | Solution
00:13

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:04
4 More Sections
About the Instructor
David Katz
4.5 Average rating
2,107 Reviews
47,502 Students
6 Courses
Coding Instructor & Software Engineer

Hi! I'm David. I spend most of my time building applications and coding tutorials. I currently study computer science at the University of San Francisco, and I love working with fellow coders and attending hackathons. I love sharing the knowledge that I have gained from my experience with other people.

In my spare time, I teach children how to code as an instructor at MVCodeClub in San Francisco. In my work, I've learned how to explain advanced programming to youth in an understandable and concise way. Because I constantly work with with learning coders, I know how to help make challenging concepts crystal clear.

By the way, don't hesitate to reach out to me! I love hearing about your learning experiences, or if you have any meaningful projects that I could help with.