video 1

ECMAScript Mordern javascript

js code

ES6 Topic 2020

ECMA---- European Computer Manufacturers Association.

Provide Standard to javascript for Different Browsers

ES6 (6th edition) in 2015 also called ECMA Script 2015

ES11 (11th editon) in june 2020

  1. Let & Cosnt
  2. Template Strings
  3. Arrow Function
  4. DeStructuring Object Props
  5. Object Props
  6. Default Arguments
  7. Arrays in ES6
  8. New No. methods
  9. New Blobal Methods

video 2

let & const ECMAScript 2015

var   function Scoped

let & const   block Scoped

VAR

LET

CONST

video 3

video 4

video 5

Destructiuring assignment

ES6 strings.methods case sensitive

normal array

,,,, skip array

rest array

video 6

video 7

Object Destructiuring

object for in loop

video 8

video 8A

SWITCH STATEMENT

value put for SWITCH STATEMENT

SWITCH STATEMENT with return value

video 9

video 10

video 11

SURAJ --- ANIL SIDHU

find

findIndex

example with array

example with array of object

example with custom function

video 12

SURAJ --- ANIL SIDHU

video 13

CLASS, OBJECTS, INHERITANCE, CONSTRUCTOR

WHAT IS CLASS

Class is a colletion of object

inheritance use for object method and properties add to another object with the help of class keyword

what is classes

Make class and call it

Define constructure property and function

make class instance

OBJECT--- propertiy, method(functionally)

video 14A

call back funtion

Any function that is passed as an argument is caled a callback function.

A callback is a function that is to be executed after another function has finished executing -- hennce the name 'CALL BACK'

video 14B

Callback Hell in JavaScript thapa technical

kuch kuch samay baad hame kuch data chahiye

2s bad roll no., 4s bad name, 6s bad marks

video 14

promise advance is callbak hell

Promises => event loop, closure, promises, async/await

promise stage-1 panding = resolve, reject

promise stage-2 resolve

promise stage-3 reject

video 15

isFinite = if number given true other false

isNan = if string given true other false

video 16

video 17

power define karne ki liye 5pow3 5*5*5 = 125

video 18

Import and export function

whtat is default export and normal export

import class with different way

live server is maindatry for use module --- like react,

module allow to one file some code to use another file

code like -- funciton, var, class, let, const, object, array

Module anil sidhu 2:09 ======

video 19

generators - push, resume, like debuger

yield for step create

generators = wich function who push and resume

video 20

Synchronous vs Asynchronous Programming thapa technical

Synchronous

Synchronous --- A synchronous request blocks the client until operation completes, javascript engine of the browser is blocked

Synchronous --- jab tak ek kaam khatm nahi hota aap dusre kam ko start nahi kar sakte

Asynchronous

Asynchronous --- AJAX Web-Application Model

Asynchronous --- In such case, javascript engine of the browser is not blocked

Asynchronous --- aap ek kaam ke sath 2 kam bhi kar sakte ho or uske sath 3 kam bhi kar sakte ho isme koi boundation nahi hoti

Synchronous

Asynchronous

video 21

map(), filter(), and reduce()

map()

map() normal array

map() return new array

map() 3 argument pass in this --- element, index, array like foreach loop

filter()

filter() return new array

reduce()

reduce ek value return karta hai

reduce(total, value, index, array)

const numbers = [45, 4, 9, 16, 25];

map methed for ceact new array

filter methed

reduce methed

video 22

call method

call

bind

apply

call == the call() method is a predefined javascript method

ek object dusre object ke method ko use kar sakta hai by using call() method

Call

video 23

bind method

by this method, we can bind an object to a common function, so that the function gives different result when its need.

bind == kisi object ko common function ke sath banth/bind sakete ho

video 24

apply method

the apply() method is similar to the call() method

the call() method takes arguments separately

the apply() method takes arguments as an array

video 25

video 26

video 27

video 28

video 29

video 30