Essentials in JavaScript ES6 - A Fun and Clear Introduction
4.4 (1,309 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.
25,570 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Essentials in JavaScript ES6 - A Fun and Clear Introduction to your Wishlist.

Add to Wishlist

Essentials in JavaScript ES6 - A Fun and Clear Introduction

A creative and fun course on JavaScript ES6! Has Webpack, Babel, React, and all the new syntax you need to code in ES6!
4.4 (1,309 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.
25,570 students enrolled
Created by David Katz
Last updated 4/2017
English
English [Auto-generated]
Price: Free
Includes:
  • 1.5 hours on-demand video
  • 11 Articles
  • 7 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create ES6 applications from the ground up.
  • Use the terminal/command-line application and a code editor to code.
  • Look at ES6 code and understand keyword and concepts.
  • Create live development servers with Webpack.
View Curriculum
Requirements
  • Not much! Some basic JS will help.
Description

Turn yourself into a highly-demanded software engineer and developer by following this tutorial on JavaScript ES6. As one the most highly-paid languages, learning ES6 will open so many jobs and opportunities for you.

This course features a ton of diverse content, so you’ll learn ES6 in a stimulating, informative, and fun way.

Filmed tutorials will get you typing code yourself. And these videos will make sure to explain the reason behind each new line and keyword.

Optional quizzes and coding challenges reinforce key concepts. Also, coding breaks in each section let you approach the course at your own pace.

Jokes appear from time to time, especially in the breaks. So who knows, you might even slap your knee at some JavaScript humor!

If you’re still new, then this course gives a great intro to ES6. Or if you have a lot of experience, then you’ll find a nice overview of the language. Either way, this course if perfect for you!

Let’s take the dive into JavaScript ES6 and start coding!

Who is the target audience?
  • Someone who wants an intro to JavaScript ES6 and web development.
  • An experienced developer who wants an overview of ES6.
Compare to Other JavaScript Courses
Curriculum For This Course
40 Lectures
01:29:31
+
Introducing the Course
6 Lectures 06:42
Introducing the Course
01:26

Introducing the Instructor
01:07

Presenting ES6
00:38

Installing a Code Editor
01:21

Setting Up With Node
01:57

Getting the Source Code
00:13
+
Setting Up ES6 Tools
7 Lectures 15:58
Why We Need Babel
01:31

How Babel Works
01:40

Benefits of Webpack
01:21

If you approach some issues running 'npm start', then try the following fixes one at a time:

1) Install webpack globally with `npm install webpack -g'.

2) In webpack.config.js change the path in output to 'path: __dirname + '/build' as represented here: https://gist.github.com/15Dkatz/74ce0d5fb3b1982681973af2b59d8bcc

3) Clone the repo, run npm install and npm start and you should be good to go!

Lastly, don't hesitate to ask a question in the forum! I respond as soon as possible.

Setting Up With Webpack
05:26

Setting Up With Webpack (extra notes)
00:27

Webpack-ing Babel
04:31

Break: Babel and Webpack
01:02
+
Coding New ES6 Syntax
5 Lectures 10:03
Getting Help With Code
01:52

Variable Scoping with Let
03:01

Let's Scope 'lets'
1 question

Constant-ly Scoping
02:22

Can we manipulate constants?
1 question

Template Literals/Strings
02:20

Mastering Template Literals & ES6 Strings
1 question

Coding Break: New ES6 Syntax
00:28
+
Operating and Destructuring
4 Lectures 11:27
Understanding the Spread Operator
03:17

Butter Spread
1 question

Destructuring Assignment - Arrays
03:25

Let's get the hang of destructuring assignment with a few questions about the fellowship.

Destructuring the Fellowship (Array)
2 questions

Destructuring Assignment - Objects
03:54

Destructuring Animals (Objects)
2 questions

Coding Break: Operating and Destructuring
00:51
+
ES6 Functions and Methods
5 Lectures 13:34
Arrow Functions
03:44

Arrow Functions Ignoring This
03:19

Archery (Arrow Functions)
1 question

Helping With the Map Method
02:58

Scaling Maps (Map Helper Method)
1 question

Filtering in ES6
02:44

Filtering For Stars (Filter Helper Method)
1 question

Coding Break: Functions and Methods
00:49
+
Modules in ES6
3 Lectures 07:33
Exporting Values
02:38

Exporting Expressions and by Default
04:01

Let's reinforce our knowledge of exporting and importing in modules with three questions.

Exports and Imports (Modules)
3 questions

Break: Modules
00:54
+
ES6 Classes
4 Lectures 09:10
Presenting Object-Oriented Programming
02:29

Setting Up an ES6 Class
02:35

All right, class! Let's practice classes.

ES6 Classes
2 questions

Inheritance in ES6 Classes
03:19

Inheriting Powers (Class Inheritance)
1 question

Break: Classes
00:47
+
Extending Upon ES6 with React
3 Lectures 12:41
JSX in ES6
04:09

ES6 Promises and More React
08:00

Let's hone in on JSX and Promises for the final quiz!

ES6 JSX and Promises
2 questions

Overview: Extending Upon ES6 With React
00:32
+
Concluding the Course
3 Lectures 02:29
Final Remarks
01:23

Bonus Lecture: In-Depth ES6 and ES7 Course!
00:31

Be the First to Know about New Material and Courses!
00:35
About the Instructor
David Katz
4.4 Average rating
4,653 Reviews
81,594 Students
9 Courses
Coding Instructor & Software Engineer

Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.

I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.

Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!