Free Course Image Complete ECMAscript6 ES6 Course

Free online courseComplete ECMAscript6 ES6 Course

Duration of the online course: 5 hours and 58 minutes

New

Free ES6 course covering modern JavaScript: let/const, arrow functions, modules, classes, promises, iterators, Maps/Sets, Babel/Webpack, Proxy and Reflect.

In this free course, learn about

  • ES6 Foundations and Variable Declarations
  • Modern Function Syntax and Parameters
  • Object and Data Handling Essentials
  • Tooling and ES6 Modules
  • Classes and Object-Oriented JavaScript
  • Symbols, Iteration, and Generators
  • Asynchronous JavaScript with Promises
  • Built-in Objects and New ES6 APIs
  • Maps and Sets Collections
  • Reflect API and Proxies

Course Description

Complete ECMAScript6 ES6 Course is a free online web development course designed to help you write modern JavaScript with confidence. It explains what ES6 introduced and why it matters in real projects, moving from core syntax improvements to the patterns used in today’s front-end and tooling workflows.

You will learn practical language features such as block scoping with let, constants with const, hoisting behavior, and writing cleaner functions with arrow syntax, default parameters, and correct handling of this. The course also covers modern object creation, template literals for readable strings, array and object destructuring, and iteration patterns that simplify everyday code.

Beyond syntax, it dives into powerful operators and structures used in production code, including rest and spread, maps, sets, weak collections, symbols, iterators, and generators. Asynchronous JavaScript is addressed with promises, chaining techniques, and built-in helpers for coordinating multiple async tasks.

To bridge learning with real-world development, the course introduces modern module usage with import and export, plus essential tooling setup for compiling and bundling ES6 for broader compatibility. You will also explore classes, inheritance, static methods, getters and setters, and extending built-in objects.

Finally, it covers advanced metaprogramming with Reflect and Proxy, including traps, applying custom this contexts, managing properties, controlling extensibility, and revocable proxies. By the end, you will be better equipped to read, write, and structure modern JavaScript used across contemporary web applications.

Course content

  • Video class: 1. Introduction to Ecmascript6 (ES6). Difference between ES5 and ES6 06m
  • Exercise: ES6 (ECMAScript 6) को अक्सर किस रूप में बताया जाता है?
  • Video class: 2. Ecmascript6 Let and its Block Scope. Use of Let Keyword in declaring variables 07m
  • 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 Object 06m
  • 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 Operator 03m
  • 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 loop 03m
  • 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 | ECMAScript 04m
  • 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 1 08m
  • Exercise: ES6 में Node.js प्रोजेक्ट में पैकेज इंस्टॉल/मैनेज करने के लिए आम तौर पर किस टूल का उपयोग किया जाता है?
  • Video class: 16. Babel Compiler Setup for compiling ES6 | ES2015 in the Project - Part 2 08m
  • 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 File 06m
  • 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 | ES2015 08m
  • Exercise: किस स्थिति में development mode की जगह production mode start करने की बात कही गई है?
  • Video class: 19. Babel Loader Setup in the Webpack 4 Configuration file for compiling Code - Part 2. ES6 | ES2015 06m
  • 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 | ES2015 06m
  • 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 | ES2015 06m
  • 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 | ES2015 03m
  • 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. ES2015 05m
  • Video class: 26. Extend built-in objects like arrays, objects to custom classes in javascript.ES6 | ES2015 04m
  • 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 | ES2015 08m
  • 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 | ES2015 05m
  • Video class: 29. Well Known Symbols in Javascript. Symbol Static Properties present in the Object or arrays. ES6 05m
  • 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. ES2015 07m
  • Video class: 31. Create a Custom Iterable Object in Javascript. Custom Iterators in ES6 | ES2015 06m
  • Video class: 32. Generators Basics in Javascript. Creating Generator with simple example. ES6 | ES2015 05m
  • Exercise: ES6 में generator function को define करने के लिए कौन-सा syntax use होता है?
  • Video class: 33. Controlling the Iterators with throw and return Keywords in the Javascript. ES6 | ES2015 04m
  • 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 | ES2015 06m
  • Exercise: ES6 में Promise का मुख्य उद्देश्य क्या है?
  • Video class: 35. Promises Chaining. Call multiple asynchronous call with promises chaining 07m
  • 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. ES2015 08m
  • 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 | ES2015 04m
  • 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. ES2015 04m
  • 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. ES2015 09m
  • Exercise: ES6 में object बनाने के लिए किस syntax का उपयोग किया जाता है?
  • Video class: 42. Introduction to Maps in Javascript. Creating and Managing items in the Map. ES6 | ES2015 06m
  • Exercise: ECMAScript 6 (ES6) में Map का मुख्य उपयोग क्या है?
  • Video class: 43. Looping the Map Object in ES6. Using For Of to loop the Keys, Values 04m
  • 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 | ES2015 06m
  • Exercise: ECMAScript 6 (ES6) का मुख्य उद्देश्य क्या है?
  • Video class: 45. Introduction of Sets in ES6 Javascript. Creating and Managing items in the Set. ES6 | ES2015 06m
  • Exercise: ES6 में किसी दूसरे फ़ाइल/मॉड्यूल से फ़ंक्शन या वैल्यू लाने के लिए कौन-सा फीचर उपयोग होता है?
  • Video class: 46. WeakSet in ES6. Managing Items in the WeakSet in the Javascript. ES6 | ES2015 06m
  • 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 | ES2015 08m
  • 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. ES2015 08m
  • 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 ES6 08m
  • 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. ES6 04m
  • 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 | ES2015 06m
  • 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 | ES2015 04m
  • 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. ES2015 06m
  • Exercise: ES6 में किसी object से किसी property को हटाने के लिए कौन-सा operator इस्तेमाल होता है?

This free course includes:

5 hours and 58 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at Web Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate