Canvas ans svgs is html*
ALL ATTRIBUTES OF IMAGES*
I FRAME TO SHOW CONTENT OF OTHER WEBSITE ON OUR WEBSITE
DOC TYPE IN HTML
TYPES OF INLINE ELEMENTS REPLACED INLINE AND UNREPLACED INLINE
PURPOSE OF HEAD TAG used for linking exteral file and for seo like meta tag and for inline styling
Css cascade meaning order given to the styles*
Specificity priority given to selectors* if we use id it has priority than class and than tag
Combined selectors
Specificity and cascade rule
Pseudo classes are hower*
Pseudo element and pseudo class
Whenever we give background filter property transform prespective clip property property the position
fixed element will be relative to the parent because with these propertiues the element is treated as a
page itself with position fixed itself because new coordinates system
Media quiery
Margin from outside the border and padding inside the border
Borderbox box sizing
Inheritance if we give some style to a parent it will be inherited by its child generally font related
properties are inherited and others are not like height ann wirdth
Position property default is static
Position relative is relative to normal static position and absolute is accordin to its ancestor
Flexbox is a layout system *
When given display flex or flexbox is given to a parent div all its child become display block
Box model is a model it means that every tag has size like box8
Box sizing default value content box
Javascript data types number,Boolean,symbol,string,undefined,null,bigint permittive
Non permittive array object functions
Var function scope and initializei8
Let has block scope can redeclear but reinitialize it
Const global cant redeclear and reinitialize
Parameters are passed at time the time when we declear the function
Arguments are the actual values we pas to the function when calling the function
Slice to stsart and end of the string we want*
splice not for string just for array*
Deep copy and shallow copy in shallow copy we only copy the outer layer in deep copy wr copy all the
inner arrays the methods for shallow copying include object.assign and spread operators and in deep
copy we can make by json.parse enclosing json.stingify enclosing object
Closure is that in which child can acess the variables of parents but parent cannot acess the variable of
childern
Map method* transform an array
Promises in javascript are like object
Dom is a tree like structure provided by brouser not in javascript to manipulations whth the html
elements
Event capturing
Event bubblingling
Why need react
With javascript we have to select every element multipe time but react uses modules we make
components which make working eazy use for single page applications only I does not uses dom
manipulatuion decelerative approach of js we tell our brouser this is our state It don’t care about the ui
and changes the stsate th code becomes almost half
Imperateive mnz there we have to declease the variables and make dom manipulation code but when
we wanty to change the variable again we have to write the code again
State in react it is like dynamic aspect of component or variable the we want to track change of
Why not use variavle instead of state
If we use variable instead of state it wi;ll not reflect in the ui state is that kind
Temporal red zone
In callback que micro tasks are given priority
Mutation ovbserver
Async functions returns promises with return value rapped
Console.log([1,2]==[1,2]) output = false because arrays are mutable and have different reference to
object
Clg([]==[]) output false because every object has different reference in array
If else and ternary
Map filter reduce
We can not store a statement in a variable
Function decleration is like we declear normal fun ction but function expression is that we declear
function in a varisable
Hot to handle error in js try catch
Event bubbling and event capturing*
Hoisting when we try to acess a variable before decleration but it only comes in let not in var and const
these two are also hoisted but because of temporal dead zone we get undefined
Lexical scope*
Closure
Higher order and lower order functions
Print the original properties of and array in which additional properties has be added using
array.peototype.additionalproperties=’hitesh’
Solution is let array be mynewarray
For(v in mynewarray){
If (mynewarray.hasownproperty(v))
Clg(v)
