chepter01

Advance JavaScript play list full course

Let & Const Variable

var

dobara declare kar sakte hai

dobara value Asign kar sakte hai

funciton scope

let

dobara declare NAHI kar sakte hai

dobara value Asign kar sakte hai

block scope

const

dobara declare NAHI kar sakte hai

dobara value Asign NAHI kar sakte hai

block scope

chepter02

chepter03

chepter04

chepter05

Spread Operator

NEW METHOD

Type 1

Type 2

Type 3

chepter06

Object Literals

NEW METHOD

type 1

Object key

Object function

function return object

chepter07

Destructuring Array

Destructuring Array with nested array

chepter08

chepter09

OOP Introduction

OOP = Object Oriented Programming

  • opp ki help se hum code ko choota kar sakte hai
  • Code more Modular and Reusable == short code
  • Well Organized Code ==
  • Easier to debug == error rectify
  • Best for Medium to large website project like react.js, vue.js, angular.js

What is Class and Object

first create Class and create function in class

2nd create object from class

3rd call object with class function

Class and Object Result

Type 1

Type of method

  1. Constructor = property ko define karne ke liye, ya uske value ko asign karne ke liye
  2. Prototype = just like plue, multiply function/method
  3. Static = bina class ke object banye he hum static method ko use kar sakte hai

Type 2

chepter10

Class Inheritance

if we have class-A and class-B, we use in new class-C (class-A property and method and class-b property and method) so thats call Class Inheritance

jab hum kisi new CLASS me kisi or purane class ki property or method ko use karte hai to useee Class Inheritance kehte hai

Employee class

Manager class

chepter11

Modules

Live Server Reload Tutorial

file, funciton, variable, class ko import ya export karne ke liye modules ka use kia jata hai

file1.js

export let name = "jitender"

export function hello (){ retun 'hello world'}

export class student {}

file2.js

import {name} from './file1.js'

import {hello} from './file1.js'

import {student} from './file1.js'

call

consol.log(name)

hello()

let create_obj1 = new student()

script-- type="module" src="./file2.js"> --script on head/footer

for this use live server

Xampp or Wamp Server

Live Server Extention on Editors

Live Server Reload Tutorial

Above p tag show on live server only

chepter12

Promise

promise 3 stage

  • pending
  • Resolve = call back function then()
  • Reject = call back function catch()

promise ki condition resolve ho jati hai to function call hota hai then(()=>{})

promise ki condition reject ho jati hai to function call hota hai catch(()=>{})

create promise

let promName = new promise()

promise ke ander ek funtion hota hai or useee function ke 2 parameter hote hai. (resolve, reject)

let promName = new promise(function(resolve, reject){} )

chepter13

Promise.all

promise me 2 condition hoti hai RESOLVE or REJECT resolve ke liye then() function ka use hota hai or reject ke liye catch function ka

chepter14

chepter15

Difference between ?? and || operators

orValue1 = 0, orValue1 || 10

nullValue1 = 0, nullValue1 ?? 10

chepter16

Optional Chaining

Normal

Option Chain

chepter17

Confirm

chepter18

Confirm

chepter19

Confirm

chepter20

Confirm

chepter21

Confirm

chepter22

Confirm

chepter23

Confirm

chepter24

Confirm

chepter25

Confirm

chepter26

Confirm

chepter27

Confirm

chepter28

Confirm

chepter29

Confirm

chepter30

Confirm

chepter31

Confirm

chepter32

Confirm

chepter33

Confirm

chepter34

Confirm

chepter35

Confirm

chepter36

Confirm

chepter37

Confirm

chepter38

Confirm

chepter39

Confirm

chepter40

Confirm

chepter41

Confirm

chepter42

Confirm

chepter43

Confirm

chepter44

Confirm

chepter45

Confirm

chepter46

Confirm

chepter47

Confirm

chepter48

Confirm

chepter49

Confirm

chepter50

Confirm

chepter01

Confirm

chepter02

Confirm

chepter03

Confirm

chepter04

Confirm

chepter05

Confirm

chepter06

Confirm

chepter07

Confirm

chepter08

Confirm

chepter09

Confirm

chepter10

Confirm

chepter01

Confirm

chepter02

Confirm

chepter03

Confirm

chepter04

Confirm

chepter05

Confirm

chepter06

Confirm

chepter07

Confirm

chepter08

Confirm

chepter09

Confirm

chepter10

Confirm

chepter80

Confirm

chepter81

Confirm

chepter82

Confirm

chepter83

Confirm

chepter84

Confirm

chepter85

Confirm

chepter86

Confirm

chepter87

Confirm

chepter88

Confirm

chepter89

Confirm

chepter90

Confirm

chepter91

Confirm

chepter92

Confirm

chepter93

Confirm

chepter94

Confirm

chepter95

Confirm

chepter96

Confirm

chepter97

Confirm

chepter98

Confirm

chepter99

Confirm

chepter100

Confirm