BOM & DOM Manipulation

1. BOM (Browser Object Model)
   1. Window Object
   2. Navigator Object
   3. Screen Object
   4. Location Object
   5. History Object
2. DOM Basics
   1. Basic DOM Selectors
   2. Modern DOM Selectors (Preferred)
   3. CSS Selectors for More Precision
3. Advanced DOM Manipulation
   1. Node Types
   2. DOM Traversal
   3. Creating and Removing Elements
   4. Element Attributes
   5. Form Handling
   6. CSS Manipulation via JS
4. Events
   1. Event Types
      1. Mouse
      2. Keyboard
      3. Form
      4. Window
      5. Touch
   2. Event Listeners
   3. Event Bubbling and Capturing
   4. Event Delegation
   5. Event Object

Advanced Topics

1. ES6+ Features
   1. Rest operator
   2. spread operator
   3. array and object destructuring
   4. Modules (ES6 Modules)
   5. Optional Chaining (?.)
   6. Nullish Coalescing (??)
   7. BigInt
2. Math and Math Methods
3. Dates and Date Methods
4. Exception Handling
5. Regex
6. JSON
7. Strict Mode
8. Timers in JavaScript
   • setTimeout() and setInterval() in more detail.
9. Asynchronous JavaScript
   1. Callback
   2. setTimeOut
   3. Callback Hell
   4. Promises
   5. Async and Await
10. Event Loop

Browser APIs

1. Local Storage
2. Session Storage
3. Cookies
4. XMLHttpRequest
5. Fetching Data
6. FormData API
7. Geolocation API
8. History API
9. IndexedDB API
10. WebSockets
11. Notification API
12. Clipboard API
13. Battery API
14. Vibration API

OOP Programming in JavaScript

1. prototype chain
2. Classes (ES6+ syntax)
3. Getters and setters
4. Static methods and properties
5. Private class fields and methods (ES2022)
6. Inheritance (subclassing with extends)
7. super keyword
8. Mixins
9. Prototypal inheritance
10. Object composition (alternative to inheritance)
11. Instance methods vs. prototype methods
12. Constructor functions and the new keyword
13. Object.create() for prototypal inheritance
14. Prototype chain
15. Encapsulation
16. Abstraction
17. Polymorphism
18. Inheritance
19. Prototype property and inheritance
20. Object Cloning and Shallow vs. Deep Copying

Recent ES Features (2020-2024):

1. ES2020
   • Optional chaining (?.)
   • Nullish coalescing operator (??)
   • Promise.allSettled
2. ES2021
   • Logical assignment operators (&&=, ||=, ??=)
   • String.prototype.replaceAll()
   • WeakRefs and FinalizationRegistry
3. ES2022
   • Class static blocks
   • Array.prototype.at()
4. Top-Level Await (ES2022)
   • Allows use of await at the top level of modules.
   • Private class fields and methods
5. Intl APIs Enhancements (2022 and beyond)