Modern JavaScript for React JS - ES6
4.2 (166 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.
26,892 students enrolled

Modern JavaScript for React JS - ES6

A complete guide for beginners to learn the essential topics of ES6 which are required to learn React JS
4.2 (166 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.
26,892 students enrolled
Last updated 4/2020
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
  • 1.5 hours on-demand video
  • 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
  • Learn the basic concepts of modern javascript - ES6
  • Learn variable creation using 'let' and 'const' keywords and their scope
  • Learn where to use 'rest' and 'spread' operators
  • Learn what id destructuring
  • Lean functional programming in ES6 using map,filter,reduce,find, etc functions
  • Learn in detail about 'callbacks' and 'promises' along with chaining promises
Course content
Expand 16 lectures 01:28:54
+ ES6
16 lectures 01:28:54

Hey guys, welcome to the "Modern JavaScript for React" Module.


In this module, we will learn about the features released in ES6 and above which are used extensively in React development.


In this video, we will talk about the different versions of JavaScript and new feature releases in ES6.


Version and Feature releases:

https://medium.com/@dupski/what-major-new-features-were-in-each-javascript-version-what-version-should-i-target-25526c498687


Hope you are excited!!


My Twitter Handle: @qaifikhan

Preview 04:10

Hey guys, in this video we will learn about variable creation using the let and const keyword provided by ES6.


My Twitter Handle: @qaifikhan

ES6 - Variable Creation using "let" and "const"
04:13

Hey guys, in this video we will talk about Template Strings.


My Twitter Handle: @qaifikhan

ES6 - Template Strings
06:12

Hey guys, in this video we will talk about Arrow Functions.


My Twitter Handle: @qaifikhan

ES6 - Arrow Functions
03:39

Hey guys, in this video we will talk about Rest Operator.


My Twitter Handle: @qaifikhan

ES6 - Rest Operator
03:55

Hey guys, in this video we will talk about Spread Operator.


My Twitter Handle: @qaifikhan

ES6 - Spread Operator
05:27

Hey guys, in this video we will learn about Destructuring.


My Twitter Handle: @qaifikhan

ES6 - Destructuring
07:52

Hey guys, in this video we will learn about an arrow function called map().


My Twitter Handle: @qaifikhan

ES6 - Array Functions: map()
08:40

Hey guys, in this video we will learn about an arrow function called reduce()


My Twitter Handle: @qaifikhan

ES6 - Arrow Functions: reduce()
05:14

Hey guys, in this video we will learn about an arrow function called filter()


My Twitter Handle: @qaifikhan

ES6 - Arrow Functions: filter()
04:17

Hey guys, in this video we will learn about two new arrow functions called find() and findIndex()


My Twitter Handle: @qaifikhan

ES6 - Arrow Functions: find() and findIndex()
04:01

Hey guys, in this video we will learn about classes.


My Twitter Handle: @qaifikhan

ES6 - Introduction to Classes
04:24

Hey guys, in this video we will talk about inheritance in ES6.


My Twitter Handle: @qaifikhan

ES6 - Inheritance in ES6
07:20

Hey guys, in this video we will learn about callbacks and promises.


My Twitter Handle: @qaifikhan

ES6 - Callbacks and Promises
06:30

Hey guys, in this video we will learn about How to create and use Promises.


My Twitter Handle: @qaifikhan

ES6 - Working with Promises
05:17

Hey guys, in this video we will learn How to chain multiple promises.


My Twitter Handle: @qaifikhan

ES6 - Chaining Promises
07:43
Requirements
  • Good understanding of JavaScript
Description

Are you looking to extend your knowledge in Javascript programming by learning the concepts of modern javascript - ES6?

If you want to start your journey to become a React or Angular developer, then this is the perfect course for you.

This course is specifically designed for those who want to get a quick start with the Modern Javascript, especially ES6 concepts. It covers all the basic concepts of ES6: how the javascript has evolved, how to use its latest features that come under ES6 topics, what is babel, and how it is used to compile the ES6 code to make it browser compatible. You will get all the behind the scenes of how the ES6 works in the introduction part of the course.

ES6/ES7 modern javascript programming is becoming an essential part of the web development industry, as most companies are shifting towards using various popular web frameworks like Angular JS, Vue JS, or React JS. The demand for Developers with knowledge of ES6 is also on the rise. This course will help you get all the essential knowledge from the get-go and you will be a master in the concepts of ES6 by the end of this course.

In this course, we have covered:

  • all the basic to advanced concepts of ES6 right from variable declaration using 'let' and 'const' keywords, what is the difference between them and where to use them to the advanced topics like how to make asynchronous requests to servers using async-await and how to use promises to handle the requests more efficiently

  • what are the arrow functions and how to use them

  • all about functional programming with the help of functions like map, reduce, filter, etc.

  • how to deep clone the objects with help of rest and spread operators and also about the scenarios of where and how we should use them most effectively

By the end of this course, you will be ready to learn any latest web framework like React JS, Angular JS, or Vue JS.

After completion, we recommend you watch our React JS course which is the continuation part of this course where we have explained React JS frameworks in and out with some simple explanation along with assignments and projects.

Who this course is for:
  • Beginners who want to learn ES6 - modern javascript from scratch
  • Professionals who have a good knowledge about Javascript and want to learn ES6 in their skillset
  • JavaScript developers who want to get into React
  • Developers who want to brush up on the skills of widely used features of ES6