Master JavaScript – The Complete JavaScript Tree

[Prapattimynk]

Master JavaScript – The Complete JavaScript Tree​

The JavaScript Tree 👇

|── Variables
|   ├── var
|   ├── let
|   └── const
|
|── Data Types
|   ├── String
|   ├── Number
|   ├── Boolean
|   ├── Object
|   ├── Array
|   ├── Null
|   └── Undefined
|
|── Operators
|   ├── Arithmetic
|   ├── Assignment
|   ├── Comparison
|   ├── Logical
|   ├── Unary
|   └── Ternary (Conditional)
|
|── Control Flow
|   ├── if statement
|   ├── else statement
|   ├── else if statement
|   ├── switch statement
|   ├── for loop
|   ├── while loop
|   └── do-while loop
|
|── Functions
|   ├── Function declaration
|   ├── Function expression
|   ├── Arrow function
|   └── IIFE (Immediately Invoked Function Expression)
|
|── Scope
|   ├── Global scope
|   ├── Local scope
|   ├── Block scope
|   └── Lexical scope
|
|── Arrays
|   ├── Array methods
|   |   ├── push()
|   |   ├── pop()
|   |   ├── shift()
|   |   ├── unshift()
|   |   ├── splice()
|   |   ├── slice()
|   |   └── concat()
|   └── Array iteration
|       ├── forEach()
|       ├── map()
|       ├── filter()
|       └── reduce()
|
|── Objects
|   ├── Object properties
|   |   ├── Dot notation
|   |   └── Bracket notation
|   ├── Object methods
|   |   ├── Object.keys()
|   |   ├── Object.values()
|   |   └── Object.entries()
|   └── Object destructuring
|
|── Promises
|   ├── Promise states
|   |   ├── Pending
|   |   ├── Fulfilled
|   |   └── Rejected
|   ├── Promise methods
|   |   ├── then()
|   |   ├── catch()
|   |   └── finally()
|   └── Promise.all()
|
|── Asynchronous JavaScript
|   ├── Callbacks
|   ├── Promises
|   └── Async/Await
|
|── Error Handling
|   ├── try...catch statement
|   └── throw statement
|
|── JSON (JavaScript Object Notation)
|
|── Modules
|   ├── import
|   └── export
|
|── DOM Manipulation
|   ├── Selecting elements
|   ├── Modifying elements
|   └── Creating elements
|
|── Events
|   ├── Event listeners
|   ├── Event propagation
|   └── Event delegation
|
|── AJAX (Asynchronous JavaScript and XML)
|
|── Fetch API
|
|── ES6+ Features
|   ├── Template literals
|   ├── Destructuring assignment
|   ├── Spread/rest operator
|   ├── Arrow functions
|   ├── Classes
|   ├── let and const
|   ├── Default parameters
|   ├── Modules
|   └── Promises
|
|── Web APIs
|   ├── Local Storage
|   ├── Session Storage
|   └── Web Storage API
|
|── Libraries and Frameworks
|   ├── React
|   ├── Angular
|   └── Vue.js
|
|── Debugging
|   ├── console.log()
|   ├── Breakpoints
|   └── DevTools
|
|── Others
|   ├── Closures
|   ├── Callbacks
|   ├── Prototypes
|   ├── this keyword
|   ├── Hoisting
|   └── Strict mode
|
| END