Modern web development expects you to write JavaScript that is clean, modular, and easy to maintain. ECMAScript 6 (ES6) is the foundation of that modern style, powering the code you see in today’s frameworks, libraries, and production front ends. This course helps you move beyond older ES5 patterns and start thinking in ES6 so your everyday code becomes clearer, safer, and more scalable.
You will build confidence with core language improvements that change how you declare variables and structure functions, including block scoping, immutability choices, and the behavior of hoisting in real projects. You’ll also learn how modern function syntax influences readability and how this behaves in different contexts, so your event handlers and callbacks act exactly as you expect. As you progress, ES6 syntax becomes less like a collection of features and more like a toolkit for writing expressive code: template literals for readable strings, destructuring for clean data access, rest and spread to handle arguments and collections elegantly, and for-of style iteration that fits real-world tasks.
To prepare you for professional workflows, the course connects ES6 language features to the ecosystem you’ll likely use on teams. You’ll understand why compilers and bundlers exist, how they help you ship ES6 safely across browsers, and how modules bring structure through import and export. You’ll also get comfortable with object-oriented patterns using classes, inheritance, static methods, and encapsulation via getters and setters, including strategies for extending built-in types when appropriate.
Asynchronous JavaScript is a turning point for many learners, so special attention is given to promises, chaining, and built-in combinators that simplify coordinating multiple async tasks and error handling. You’ll go further into advanced capabilities such as Symbols, iterators, generators, Maps, Sets, WeakMaps, WeakSets, and metaprogramming tools like Reflect and Proxy—skills that help you reason about libraries, debug complex behavior, and write more powerful abstractions.
By the end, you won’t just recognize ES6 syntax—you’ll be able to apply it thoughtfully to build modern, maintainable web applications and collaborate more effectively with current JavaScript codebases.
Course content
Video class: 1. Introduction to Ecmascript6 (ES6). Difference between ES5 and ES606m
Exercise: ES6 (ECMAScript 6) को अक्सर किस रूप में बताया जाता है?
Video class: 2. Ecmascript6 Let and its Block Scope. Use of Let Keyword in declaring variables07m
Exercise: In ES6, what is the main difference between declaring a variable with let vs var in relation to scope?
Video class: 3. Usage of Constants with Const Keyword in ECMAScript6.07m
Exercise: In ES6, which keyword is used to declare a variable whose value can be changed later?
Video class: 4. Variable Hoisting in ECMAScript 6 (ES6).04m
Exercise: In ES6, what happens when you try to access a variable declared with let before it is initialized?
Video class: 5. Arrow Functions representation in ECMAScript6 (ES6)08m
Exercise: In ES6, what is the new, shorter way to write a function that can also return a value (as discussed with arrow functions)?
Video class: 6. Arrow Functions and handling of this Keyword in ECMAScript6 (ES6)06m
Exercise: When a button click handler is written using an ES6 arrow function, what does this refer to inside the handler?
Video class: 7. Arrow Functions and its Default Parameters in ECMAScript6 (ES6).06m
Exercise: What happens in JavaScript when a function parameter has a default value and the caller omits that argument?
Video class: 8. Objects Declaration in the ECMAScript6 (ES6). New way of declaring Object06m
Exercise: In ES6 object literals, what is the shorthand way to create an object when the property names match existing variable names (e.g., name and age)?
Video class: 9. Rest Operator in ECMAScript (ES6). Get all the arguments of the function using Rest Operator03m
Exercise: In ES6, what does the spread operator (...) commonly do?
Video class: 10. Spread Operator in ECMAScript (ES6). Splitting the array or object into list.05m
Exercise: Why does Math.max(numbers) return NaN when numbers is an array, and how can ES6 fix it?
Video class: 11. For-Of Loop and For-in Loop in ECMAScript (ES6). Loop over the objects and arrays using for loop03m
Exercise: ES6 में ऑब्जेक्ट की properties को loop करके print करने के लिए सबसे उपयुक्त तरीका कौन सा है?
Video class: 12. Template Literals in the ECMAScript (ES6). Represent the complex text in easy way.05m
Exercise: ES6 में जटिल (complex) डेटा/सिस्टम को represent करने के लिए सबसे उपयुक्त feature कौन-सा है?
Video class: 13. Destructuring Arrays in Javascript. ES6 | ES2015 | ECMAScript.06m
Exercise: Which ES6 feature is primarily used to declare a block-scoped variable that can be reassigned?
Video class: 14. Destructuring Object in Javascript. ES6 | ES2015 | ECMAScript04m
Exercise: In ES6, which method is commonly used to make an object property non-writable and non-configurable (i.e., not easily changed or redefined)?
Video class: 15. Babel Compiler Setup for compiling ES6 | ES2015 in the Project - Part 108m
Exercise: ES6 में Node.js प्रोजेक्ट में पैकेज इंस्टॉल/मैनेज करने के लिए आम तौर पर किस टूल का उपयोग किया जाता है?
Video class: 16. Babel Compiler Setup for compiling ES6 | ES2015 in the Project - Part 208m
Exercise: Why is a Babel compiler used when writing ES6 features like let and class?
Video class: 17. ES6 Modules. Import Script using type=module instead of text/javascript in HTML File06m
Exercise: Which action is repeatedly encouraged as the main call-to-action?
Video class: 18. Webpack installation and Setup for the Javascript Project - Part 1. ES6 | ES201508m
Exercise: किस स्थिति में development mode की जगह production mode start करने की बात कही गई है?
Video class: 19. Babel Loader Setup in the Webpack 4 Configuration file for compiling Code - Part 2. ES6 | ES201506m
Exercise: In ES6, which keyword is used to declare a block-scoped variable that can be reassigned?
Video class: 20. ES6 Modules. Learn how to use Import and Export Syntax in Javascript. ES6 | ES201506m
Video class: 21. ES6 Modules. Different ways of using import/export, Default syntax in the code.05m
Exercise: When importing a default export in ES6 modules, which syntax is correct?
Video class: 22. Classes in Javascript. Learn how to use Class and constructor in ES6 | ES2015.08m
Exercise: In ES6, which class feature is used to initialize properties like this.name when a new object is created?
Video class: 23. Class Inheritance in Javascript. Call Base | Parent Constructor using Super. ES6 | ES201506m
Exercise: In ES6 class inheritance, what must you use inside a child class constructor to ensure the parent constructor is called (especially when the parent expects parameters)?
Video class: 24. Static Methods in Javascript classes. ES6 | ES201503m
Exercise: In ES6, which feature is used to define a blueprint for creating objects with shared methods?
Video class: 25. Getters and Setters in Javascript Classes. Implement Encapsulation in ES6 Classes. ES201505m
Video class: 26. Extend built-in objects like arrays, objects to custom classes in javascript.ES6 | ES201504m
Exercise: In ES6, how can you add a custom method like multiplyBy2() to an array so it can still use all normal array methods?
Video class: 27. Introduction to Symbols Basics in ES6and also how to use Symbols in Objects. ES6 | ES201508m
Exercise: In ES6, what is a Symbol mainly used for in objects?
Video class: 28. Shared Symbols in Javascript. Create Symbols of same value in the Javascript Code. ES6 | ES201505m
Video class: 29. Well Known Symbols in Javascript. Symbol Static Properties present in the Object or arrays. ES605m
Exercise: In ES6, which keyword is used to declare a block-scoped variable that can be reassigned?
Video class: 30. Introduction to Iterators in Javascript. How iterable Object works in the ES6 Code. ES201507m
Video class: 31. Create a Custom Iterable Object in Javascript. Custom Iterators in ES6 | ES201506m
Video class: 32. Generators Basics in Javascript. Creating Generator with simple example. ES6 | ES201505m
Exercise: ES6 में generator function को define करने के लिए कौन-सा syntax use होता है?
Video class: 33. Controlling the Iterators with throw and return Keywords in the Javascript. ES6 | ES201504m
Exercise: In a JavaScript generator iterator, what is the key effect of calling .return(value) compared to .throw(error)?
Video class: 34. Promises in Javascript. Learn how to use Resolve and Reject in the promises. ES6 | ES201506m
Exercise: ES6 में Promise का मुख्य उद्देश्य क्या है?
Video class: 35. Promises Chaining. Call multiple asynchronous call with promises chaining07m
Exercise: In promise chaining, how can you handle errors from any step in a chain of multiple .then() calls?
Video class: 36. All and Race Promises Built-in Methods. Learn methods All, Race Promise methods in Es6 | ES2015.06m
Exercise: What happens when using Promise.all() with multiple promises and one of them is rejected?
Video class: 37. Objects in ES6. Apply Object.assign method between two objects and check prototypes. ES201508m
Exercise: ES6 में किसी object का prototype सेट/बदलने के लिए किस built-in method का उपयोग किया जाता है?
Video class: 38. Math Object in ES6. Learn Math.sign and Math.trunc methods in the Javascript. ES6 | ES201504m
Exercise: What does Math.sign() return when the input number is negative (e.g., -10)?
Video class: 39. String Object in ES6. Learn startsWith, endsWith and includes methods in javascript. ES201504m
Exercise: ECMAScript 6 (ES6) किसका नया संस्करण/अपडेट है?
Video class: 40. Number Object in ES6. New Methods in Number Object like isInteger, isFinite in Javascript.03m
Exercise: Which ES6 Number method is used to check whether a value is an integer (e.g., returns true for 10 and false for 10.12)?
Video class: 41. ES6 Array Methods. New Methods like Find, From, Of and fill in array objects Javascript. ES201509m
Exercise: ES6 में object बनाने के लिए किस syntax का उपयोग किया जाता है?
Video class: 42. Introduction to Maps in Javascript. Creating and Managing items in the Map. ES6 | ES201506m
Exercise: ECMAScript 6 (ES6) में Map का मुख्य उपयोग क्या है?
Video class: 43. Looping the Map Object in ES6. Using For Of to loop the Keys, Values04m
Exercise: Which ES6 feature is best for safely declaring a variable that should not be reassigned?
Video class: 44. ES6 Weak Map Object. Difference between WeakMap and Map Object in Javascript. ES6 | ES201506m
Exercise: ECMAScript 6 (ES6) का मुख्य उद्देश्य क्या है?
Video class: 45. Introduction of Sets in ES6 Javascript. Creating and Managing items in the Set. ES6 | ES201506m
Exercise: ES6 में किसी दूसरे फ़ाइल/मॉड्यूल से फ़ंक्शन या वैल्यू लाने के लिए कौन-सा फीचर उपयोग होता है?
Video class: 46. WeakSet in ES6. Managing Items in the WeakSet in the Javascript. ES6 | ES201506m
Exercise: Which statement best describes a WeakSet in ES6?
Video class: 47. Reflect API in ES6. Create Object and Prototypes using Reflect Built-in Method. ES6 | ES201508m
Exercise: ES6 में built-in Object के methods जैसे reflect करने/inspect करने (जैसे properties की list देखना) के लिए कौन-सा feature सबसे relevant है?
Video class: 48. Calling Methods using Reflect.apply in ES6. Sending custom this object to the method. ES201508m
Exercise: ES6 में डेटा/वैल्यू को स्क्रीन पर दिखाने (display) के लिए सबसे सामान्य तरीका क्या है?
Video class: 49. ES6 Reflect API and its Prototypes. Manage prototypes of the object using Reflect Methods.06m
Exercise: Which Reflect API methods are used to get and set an object's prototype in ES6?
Video class: 50. Get and Set Properties in Object using Reflect API. Built-in Methods like has and ownKeys in ES608m
Exercise: In ES6, which syntax is mainly used to set or access an object property when the property name is stored in a variable?
Video class: 51. Create and Delete Properties of the Object using Reflect API by defineProperty in ES6 | ES2015.08m
Exercise: In JavaScript (ES6 and beyond), which descriptor must be true for a property to be deletable using the delete operator?
Video class: 52. Prevent the Object from extending using Reflect API. Lock the object with preventExtensions. ES604m
Exercise: In ES6, which feature is commonly used to help prevent reassigning a variable?
Video class: 53. Proxy Basics and Add Get Trap in the proxy api. ES6 | ES2015.06m
Exercise: ES6 में object destructuring का मुख्य उपयोग क्या है?
Video class: 54. Set the Property of the object using Proxy and Reflect. ES6 | ES201506m
Exercise: In ES6, which feature lets you set a trap for property access like getting a value from an object?
Video class: 55. Setting up the Proxy for the functions using apply Trap in ES6 | ES201504m
Exercise: Which feature is commonly introduced in ES6 to declare block-scoped variables?
Video class: 56. Revocable Proxies in ES6. Create Revocable proxy and use of revoke method in javascript. ES201506m
Exercise: ES6 में किसी object से किसी property को हटाने के लिए कौन-सा operator इस्तेमाल होता है?
