Master Javascript : 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 __