top of page
TechEd Course Banner.png
logo-dark.webp

Mastering JavaScript with ES6 & ES7

254

Course Code:

In this course, you'll learn all the new ES6 features & the weird parts of Javascript.

5 Days

Advanced

fotor_2023-5-12_10_29_21.png
Learning Objectives
  • Mastering all the new ES6 features

  • Understand the weird parts of Javascript

Anchor 1
Prerequisites:
  • Basic knowledge of Javascript is required (Arrays, Functions, Object)

Intended Audience

Developers who want to learn new modern features of Javascript

focused-students-using-tablet-discussing-information (1).jpg
Course Outline:

Module 1: Syntax  changes and Additiond 


  • constants 

  • Hoisting in ES6 

  • Arrow Functions 

  • Arrow Functions and the "this" Keyword 

  • Functions and Default Parameters 

  • Object Literal Extensions 

  • The Rest Operator 

  • The Spread Operator 

  • The for-of Loop 

  • Template Literals 

  • Destructuring - Arrays 

  • Destructuring - Objects 

  • Destructuring - Summary 

  • Wrap Up 

  • Module Resources 


Module 2: Modules and  Classes 


  • Introduction 

  • Alternative Plunker Setup 

  • Modules Setup 

  • Modules Basics 

  • Import & Export Syntax 

  • Modules - Strict Mode and Global Scope 

  • Class Basics 

  • Classes & Prototypes 

  • Inheritance

  • Inheritance & Prototypes

  • Static Methods 

  • Classes & Modules 

  • Getters & Setters 

  • Extending Built-in Objects 

  • Extendable Built-in Objects 

  • Wrap Up 

  • Module Resources 


Module 3: Symbols 


  • Introduction 

  • Symbols basics 

  • Shared Symbols 

  • Advantages of (unique) IDs / Symbols 

  • Well-Known Symbols 

  • Module Resources 


Module 4: Iterators and generator 


  • Introduction 

  • Iterator Basics 

  • Iterators in Action 

  • Creating a Custom, Iterateable Object

  • Generators Basics 

  • Generators in Action 

  • Controlling Iterators with throw and return 

  • Module Resources 


Module 5: Promises 


  • Introduction 

  • Creating & Resolving Promises 

  • Rejecting Promises 

  • Chaining Promises 

  • Catching Errors 

  • Built-in Methods - All and Race 

  • Wrap Up 

  • Module Resources 



Module 6: Extensions of Built- in Objects 


  • Introduction 

  • The Object 

  • The Math Object 

  • Strings 

  • The Number Object 

  • Arrays (1/2) 

  • Arrays (2/2) 

  • Wrap Up 

  • Module Resources 


Module 7: Maps & Sets 


  • Introduction 

  • Maps - Creation & Adding Items 

  • Maps - Managing Items 

  • Maps - Looping through Maps 

  • Maps - Wrap Up 

  • The WeakMap Sets - Creation and Adding Items

  • Sets - Managing Items 

  • Sets - Looping through Sets 

  • Sets - Wrap Up 

  • The WeakSet 

  • Module Resources 


Module 8: The Reflect API 


  • Introduction 

  • Creating Objects with Reflect.construct() 

  • Calling Functions with Reflect.apply() 

  • Reflect and Prototypes 

  • Reflect.construct(), apply() and Prototypes Interaction 

  • Accessing Properties with Reflect 

  • Analyzing Objects with Reflect.ownKeys() 

  • Creating & Deleting Properties with Reflect 

  • Preventing Object Extensions & Wrap Up 

  • Module Resources 


Module 9: The Proxy API 


  • Basics 

  • Traps in Action 

  • Proxies and Reflect 

  • Using Proxies as Prototypes 

  • Proxies as Proxies 

  • Wrapping Functions 

  • Revocable Proxies 

  • Wrap Up 

  • Module Resources 


Module 10: Course Project 


  • Introduction 

  • Getting Started 

  • DOM Interaction / Selecting Elements 

  • Listening to User Events 

  • Fetching User Input 

  • Http & Promises 

  • Sending the Http Request 

  • The Weather Data Class together with Reflect & Proxies 

  • Fetching and Storing Weather Data 

  • Displaying Data & Wrap Up 

  • Project Code 

  • Using ES6 Today & Local Setup 

Program Highlights

Highly engaging & interactive sessions

70% Hands On

Quizzes & Assessments

24*7 Support

Submit Request

Thanks for submitting!

Contact Us Now

+91 953-537-5027

Why TechEd Trainings?

​Handcrafted Content

Professional Trainers

Hands On Labs

Seamless Delivery

bottom of page