+63 995 394 7258 / +63 917 132 5623 | marketing@axentra-global.com Blog Register

JavaScript Deep Dive: Modern ES6+ Techniques

Course Description


This intensive 3-day course explores modern JavaScript (ES6 and beyond) to equip developers with the latest language features and best practices. From arrow functions and destructuring to modules, promises, async/await, and advanced patterns, learners will deepen their understanding and write cleaner, more efficient, and maintainable JavaScript code.


Duration: 3 Days

Format: Instructor-led workshops, hands-on coding, and real-world examples

Course Outline


🔹 Day 1: ES6 Syntax and Core Features

Session 1: Let, Const, and Block Scope


  • Differences between var, let, and const
  • Temporal dead zone and hoisting
  • Scope and closures refresher


Session 2: Arrow Functions and Enhanced Functions


  • Arrow function syntax and behavior
  • Default parameters, rest and spread operators
  • Function expressions vs declarations


Session 3: Destructuring and Template Literals


  • Array and object destructuring
  • Nested destructuring and default values
  • Template literals and tagged templates


Lab Activities:


  • Refactor ES5 code using let/const and arrow functions
  • Use destructuring for function parameters and objects
  • Build dynamic strings with template literals


🔹 Day 2: Modern Objects, Classes, and Modules

Session 1: Enhanced Object Literals and Symbols


  • Property shorthand and method definitions
  • Computed property names
  • Symbol type and well-known symbols


Session 2: Classes and Inheritance


  • Class syntax and constructors
  • Inheritance with extends and super
  • Static methods and getters/setters


Session 3: Modules and Import/Export


  • ES6 module syntax
  • Named and default exports
  • Dynamic imports and code splitting basics


Lab Activities:


  • Create classes with inheritance and encapsulation
  • Organize code into modules and practice imports/exports
  • Use symbols for private properties and custom iterators


🔹 Day 3: Asynchronous JavaScript and Advanced Patterns

Session 1: Promises and Async/Await


  • Promise creation and chaining
  • Error handling in promises
  • Async functions and awaiting results


Session 2: Iterators, Generators, and Async Iterators


  • Understanding iterators and the iterator protocol
  • Generator functions and yield keyword
  • Async iterators and for-await-of loops


Session 3: Advanced Patterns and Best Practices


  • Proxy and Reflect APIs
  • WeakMap and WeakSet
  • Functional programming concepts in modern JS


Lab Activities:


  • Write async code using promises and async/await
  • Implement custom iterators and generators
  • Use proxies to intercept and control object behavior


REGISTER NOW

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey

Learning Experience Survey