Mastering ES6 JavaScript: Hands-On Learning with Real-World

Name: Mastering ES6 JavaScript: Hands-On Learning with Real-World
Rating: 3.7 (9 reviews)

Learn ES6 JavaScript from scratch: Objects, Arrays, Strings, Numbers, Destructuring, OOP, and more

Created byTech To Apex, Teach Apex, Apex Education

Last updated 2/2025

English

What you'll learn

The difference between ES5 and ES6
Using ‘let’ and ‘const’ for the scopes, hoisting and declaring variables
Using the new type of operators ( spread and rest) to manipulate arrays and function arguments
Practicing the strings using Template literals for multi-line statements and using values in statements
New Objects, Array , string, number and other built-in methods introduced in ES6
Assigning Default values to arguments in functions
New way of creating functions using arrow functions and its implementations
De-structuring the objects and arrays
New Data type Symbols and data structures Sets, Maps, Weak Maps and Weak Sets
Object Oriented Programming In ES6
Using Modules and Generator Functions
Modern way of performing asynchronous functions using Promise

Course content

4 sections • 27 lectures • 5h 13m total length

Introduction to JS ES63:14
This lecture provides an overview of the course, the course objectives and requirements for the course
What’s New In ES68:30

i. Scopes14:07
The paradigm of scopes in ES6, having access to local and global scopes and introducing ‘let’ and ‘const’
Hoisting9:44
Discriminates between the hoisting with ‘var’ and hoisting in ES6 with ‘let’ and ‘const’
. Template Literals12:58
This lecture introduces a new feature of ES6 which replaced using the string for variables on many extent and used for multi-line statements
Default Parameters13:01
This lectures covers how ES6 solved the problem of assigning default values of the function arguments by using Default Parameters
Spread Operator13:06
This lecture shows how spread operator is used to separate each value of arrays or objects
Arrow Functions7:39
This lecture introduces ES6’ most popular feature i.e. is arrow functions, how it is used and its syntax
. Arrow Functions with map, filter , reduce14:10
Describes using the arrow functions with javascript’s high order function such as map, filter and reduce
Patrice Set0:42

for .. of iterator10:40
The new method of iteration introduced in ES6. It can be applied on various objects to extract their keys or values or both and arrays also
Destructuring Part 115:46
This lecture contains first part of Destructuring why is it so important.it is used in breaking down the elements of array
. Destructuring Part 215:24
How destructuring is applied to the objects to extract its various properties
. Enhanced Object Properties And Methods10:59
The new enhanced methods and properties if objects to make it work in an easy way
Symbol13:29
A new and unique data type introduced in ES6
. Set And Map15:47
New types of data structures introduced in ES6 and their methods of adding, deleting, and getting the values
. Weak maps and Weak Sets10:35
An introduction of weak maps and weak sets and how are they different from the maps and sets respectively
New Array Methods12:49
This lecture includes new array methods that are introduced in ES6
New Built-in Methods10:03
ES6 contains bunch of new built-in methods. This lecture aims to include those methods

Classes16:17
This lecture includes the explanation of the Classes introduced in ES6 and how they are accessed
Classes Inheritance12:02
This lecture explains how OOP is applied in ES6 classes and how the instance of an objects are created
Setters and Getters7:47
Classes consists of set and get methods to directly change the values. This lecture aims on explaining it
Modules13:15
ES6 contains various declarative approaches.
Modules are one of them introduced in ES6 to access features from different files
Generators Part 112:25
This lecture aims on explaining what are generator functions, how they are controlled
Generators Part 214:19
This lecture concludes the generators that how values are handled and using generators inside another generators
Promise Part 111:06
This lecture elaborates what is a promise, why are they used, its basic structure and its implementation in ES6
Promises Part 213:12
This lecture includes advanced example of Promises, how to chain multiple promises and promise.all() method

Requirements

Basic Knowledge of Programming
Basic Knowledge of HTML, CSS and JavaScript ( DOM)
A proper IDE for quick practice such as VS Code, Brackets

Description

ES6, released in 2015, marked a pivotal moment in the evolution of JavaScript, bringing a wealth of new features that transformed web development. With a focus on declarative programming, ES6 empowers developers to create robust applications with enhanced speed and ease. This course dives deep into the key changes ES6 introduced, laying the foundation for modern JavaScript development.

Key highlights of the course include:

Variable Hoisting and Scoping: Learn how ES6 introduced new keywords to improve variable handling, enabling more efficient hoisting and scoping for local, block-level, and global variables.
Simplified Functions: Understand the new syntax for function creation, with an emphasis on arrow functions and their streamlined syntax, improving code readability and simplifying the usage of this in JavaScript.
Handling Asynchronous Operations: Explore how ES6 tackled common pitfalls like callback hell by introducing Promises, offering a cleaner and more maintainable way to handle asynchronous code.
Object-Oriented Programming: Dive into the world of Object-Oriented Programming (OOP) within JavaScript, understanding how ES6 makes it easier to work with objects, classes, and inheritance.
Enhanced Efficiency with Built-in Methods: Discover the power of new ES6 methods that simplify common tasks, reduce redundant code, and enhance overall performance.
Real-World Applications with ES6: See how modern libraries like React have embraced ES6 syntax and features to make development more intuitive and efficient.

While newer JavaScript features continue to emerge, ES6 remains the cornerstone of modern JavaScript programming, offering a solid foundation for developers looking to build scalable, maintainable applications. Join us in mastering ES6 and stay ahead of the curve in the ever-evolving world of web development.

Who this course is for:

Programmers willing to upgrade their skillsets in ES6 javascritp.
This course is for all, basic learners to intermediate learners to advanced learners
Students willing to learn ES6 based on the demand in the outside programming world
Someone who wants an intro to JavaScript ES6 and web development.
An experienced developer who wants an overview of ES6.
Students willing to get better with the use of Javascript and want to enhance their skill in it in-depth.
Students and programmers who have experience with "current-generation" JavaScript (ES5) and want to know more aout the basi

Mastering ES6 JavaScript: Hands-On Learning with Real-World

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 12min

Module 1:8 lectures • 1hr 25min

Module 2:9 lectures • 1hr 56min

Module 3:8 lectures • 1hr 40min

Requirements

Description

Who this course is for: