Master Javascript : The JavaScript Tree πŸ‘‡

Weddy MurithiWeddy Murithi
3 min read

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 __

0
Subscribe to my newsletter

Read articles from Weddy Murithi directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Weddy Murithi
Weddy Murithi