Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Modern JavaScript ES6
Rating: 5.0 out of 5(2 ratings)
376 students

Modern JavaScript ES6

ES6 JavaScript: The Key to Modern Web Development ,JavaScript features, (ES6)
Created byMadhu Sudhan
Last updated 5/2025
English
English [Auto],

What you'll learn

  • Modern ES6+ from the beginning: arrow functions, destructuring, spread operator, optional chaining (ES2020), etc.
  • How Arrow Functions work under-the-hood
  • Asynchronous JavaScript: Event loop, promises, async/await
  • Complex concepts like the 'this' keyword, higher-order functions, closures, etc.
  • more advanced JavaScript features
  • Get fast and friendly support in the Q&A area

Course content

1 section15 lectures2h 6m total length
  • Let, Const, and Block Scope9:22

    Explore how let allows reassignment, how const raises an assignment error and enforces immutability, and how block scope confines let and const inside blocks.

  • Functions Declaration, and Expression4:57

    Explore function declarations, function expressions, and arrow functions in JavaScript, including syntax, parameters, and return values, and compare hoisting behavior between declarations and expressions.

  • Arrow Functions6:12

    Explore arrow functions in JavaScript, illustrating parameter handling, implicit return, single-parameter shorthand, and why arrow functions lack the arguments object compared with regular functions.

  • Classes8:16

    Explore how ES6 classes use constructors as special methods invoked by new, turning a class into a blueprint with properties and methods, and how the this keyword accesses object properties.

  • Template Literals4:11

    Explore ES6 template literals to embed expressions with ${} and create multi-line strings using backticks, improving code readability and maintainability.

  • "This" keyword4:59

    Explore how the this keyword behaves in arrow functions and how lexical this inherits context to make callbacks and timers reliable.

  • Spread Operator7:13

    Explore the spread operator in JavaScript ES6, using three dots to copy, merge, and add elements to arrays and objects. Create shallow copies and update properties with concise, readable code.

  • Rest Operator5:49

    Explore how the rest operator (three dots) groups remaining array elements or object properties into a new array or object, using destructuring with arrays and objects in ES6.

  • Array destructuring24:33

    Explore array destructuring in JavaScript to unpack values from arrays into variables in a single step, including skipping elements, using the rest operator, default values, and handling nested arrays.

  • Object destructuring11:27

    Object destructuring extracts properties from an object and assigns them to variables in one step. Master renaming, default values, nested objects, and the rest operator for remaining properties.

  • Promises9:20

    Master how promises empower asynchronous JavaScript with the promise constructor, resolve, reject, and the then and catch handlers. Grasp pending, fulfilled, and rejected states to manage success and failure.

  • Async/Await9:09

    Explore async and await in JavaScript to write asynchronous code that looks synchronous, return promises, and handle delays and errors with try/catch.

  • Importing & Exporting8:11

    Explore JavaScript modules, exporting and importing functions, constants, and objects, and mix named and default exports to share data across app.js and main.js.

  • Generators12:50

    Learn how to create and use generator functions in JavaScript, yielding values and pausing execution. See how next resumes the generator, how for-of iterates, and how return signals completion.

  • JS Bonus- Pdfs,CheatSheet,Notes0:04

Requirements

  • A basic understanding of HTML and CSS is a plus,
  • Any computer and OS will work — Windows,

Description

JavaScript  es6 is the language of the internet. Learning it has allowed many front and backend web developers to get jobs. Yet JavaScript’s newest features can be confusing and hard to understand.

In this course you will learn to deeply understand how newer JavaScript language features work under-the-hood, such as:

  • Block Scoping (let and const)

  • Templates

  • Classes

  • Arrow Functions

  • Symbols

  • Iterators and Iterables

  • Default Parameters

  • Rest and Spread

ES6 and beyond refers to features added to the JavaScript language in ES6 and ES Next. These features often will make your coding life easier, and are used by modern JavaScript frameworks, like React, Vue, Angular, and more.

As always, these topics will be covered with the focus on my core philosophy: "Don't Imitate, Understand". You won't try to learn by imitating the code I'm writing, but rather by deeply understanding how these language features work inside JavaScript engines. Deeply understanding means you will not only write better code, but also find it much easier to debug problems.

This course’s goal, then, is to help you have a deep understanding of JavaScript’s newest features. Through analysis of the inner working of the JavaScript engine, you can write code more confidentially and fix problems others find difficult.

It’s time for you to deeply understand advanced JavaScript concepts!

Happy coding!

Who this course is for:

  • No coding experience is necessary to take this course!