Thanks, brother for the simple and effective explanations of Propagation in JavaScript. Lots of love! I have kept a note on both the concepts here for other devs out there. Note: Propagation in JavaScript: - In JavaScript, event propagation refers to the mechanism by which events are handled and propagated through the DOM hierarchy. There are two phases of event propagation: the capturing phase and the bubbling phase. Event Bubbling: - This occurs when an event is first captured by the innermost element and then propagates outward to its parent elements, all the way up to the document root. It starts from the target element and moves up the DOM hierarchy to the document root. This behaviour is similar to bubbles rising in water, hence the name "bubbling. Event Capturing: - This occurs when an event is first captured by the outermost element and then propagates inward to the target element. It starts from the document root and moves down the DOM hierarchy to the target element. This is often less intuitive than event bubbling but can be useful in certain situations. So, in summary: Event Bubbling goes from child to parent (inner to outer). Event Capturing goes from parent to child (outer to inner).
first of all thank you so much suneja sir, i tried different different courses on udemy like js zero to expert and youtube code with harry and yahoo baba decode, was learning from almost an year, however recently i was juggling to get an offline tution for advance es6, after watching this video i am confident enough that i will be able to achieve enough js knowledge to build good projects. i will once again say thank you from all struggling students like me for your efforts and hardwork.
you made such amazing content. A concern of mine that you should embrace, as you are an industry expert, you should give some realistic examples that can help these concepts to hold in our brain (realistic examples can do this)
the immediate propagation example is inconclusive. You used it on the second event listener and still we found two console logs in console. that was confusing
Isn't stopImmediatePropogation() to stop the second click on button? It will stop the button1 text to be displayed. Otherwise we could have just used stopPropagation on the second click of button.
00:00 - Don't skip anything 🙏
Aur kya haal sabke?
btao next topic JS kon sa hona chahiye ??
How to traverse nested array of objects in javascript.
Debouncing & throatling
Thik h mai apke sare video dekhti hu mujhe apse kuchh puchna h mai pdha bahut kuchh h but live use nhi Kiya h 🎂
@@shushikushwaha7521 ye sab use tab hoga jab projects karogi.
please create video on event loops
Thanks, brother for the simple and effective explanations of Propagation in JavaScript. Lots of love!
I have kept a note on both the concepts here for other devs out there.
Note:
Propagation in JavaScript: - In JavaScript, event propagation refers to the mechanism by which events are handled and propagated through the DOM hierarchy. There are two phases of event propagation: the capturing phase and the bubbling phase.
Event Bubbling: - This occurs when an event is first captured by the innermost element and then propagates outward to its parent elements, all the way up to the document root. It starts from the target element and moves up the DOM hierarchy to the document root. This behaviour is similar to bubbles rising in water, hence the name "bubbling.
Event Capturing: - This occurs when an event is first captured by the outermost element and then propagates inward to the target element. It starts from the document root and moves down the DOM hierarchy to the target element. This is often less intuitive than event bubbling but can be useful in certain situations.
So, in summary:
Event Bubbling goes from child to parent (inner to outer).
Event Capturing goes from parent to child (outer to inner).
first of all thank you so much suneja sir, i tried different different courses on udemy like js zero to expert and youtube code with harry and yahoo baba decode, was learning from almost an year, however recently i was juggling to get an offline tution for advance es6, after watching this video i am confident enough that i will be able to achieve enough js knowledge to build good projects. i will once again say thank you from all struggling students like me for your efforts and hardwork.
it's very common and basic problem to understand but you did clarify everything smoothly
Randomly found this channel. I can say best channel for js concepts
my all javascript concepts is cleared bcos of you, u Deserve Respect.
Randomly found this video series.. after watching this, many concepts of js have cleared.
Thanks for the explanation I always come to this particular video when I forget this topic. Very well explained 👍
The best explanation on the topic I have got by far!
90% questions ye series me se hi atte hai js me ... thanks for this series
Thanks Suneja for the content, it is brilliant, subscribed!
kya shaandaar video banaya hai bhai
Simple and well explained
Loved it😍🤩
Please jaldi jaldi topics upload kijiye....
And nice topics....
Excelllent Explanation Realy Helpful🤝
Amazing very easy to understand...🤠
Great Explanation. Thank you so much
finally you cleared all my doubt. thanku.
It was interesting example to understand the concept.Thanks Sir
This is really helpful.
best explanation
Asslam o alaikum.
Sir very good explain.
all doubt clear.
Amezing very help full
Thanks a lot it was very helpfull
Amazing explanation, very clear and simple
Nice Explanation thank you brother
best js series
Thank you, this vid was really helpful.
like your video's best teaching
Great teaching
nice efforts sir love from pakistan
Love the way u teach sir
It is really something new and helpfull.
Nice Er ..ji
Great 👍
yes this video very help ful
it was a important topic
Thank you bro . Like and subscribe kar Diya hoon
Nice explanation sir g....keep it up...
very good instructor
Kar diya
nice explained 👍
Greate explanation
nice example
Very well explained this topic.
Very nice
chal bhai project krte krte propagation aa gya tha tu smjha diya axe se
Very Good examples
Very helpful lecture Ajay sir! :)
Nice video sir🔥👍
never too late to learn something
Good day, Guruji!
Real lyf me parent ko dekhna h❤😂
zabardast
Grateful
Nice video sir 👍
Nice Video, Thank You
Great bhaiya😀debouncing & throatling pe ek video banaye , bahut interview me puch rhe h
Noted
Comment kuch bhi karna par zaroor karna , Helpfull videos , thanks.
great lecture bro❤❤
Shallow copy and deep copy bhi padha dijiye sir
you made such amazing content. A concern of mine that you should embrace, as you are an industry expert, you should give some realistic examples that can help these concepts to hold in our brain (realistic examples can do this)
Thanks alot
OSCAR for it🚀🚀🚀🚀🚀🚀🚀🚀
❤love this
Amazing...
i love to watch your video
nice video
Thanks sir
Bhaiya ho skte to har weak ya mahine me 2 bar km se km js ke important concepts pr video late rahiye please
great
very helpful video Sir ❤
4:21 what's the song name playing in background????????
Thanks...
start at 2:00
helpful 🔥
the immediate propagation example is inconclusive. You used it on the second event listener and still we found two console logs in console. that was confusing
stop event in button
Will it print button, button1 both ??
Awesome
nice
Dialogue of pathan sir😍
Comment kar diya
🔥🔥
I am not able to find complete Frontend Interview Series , How many videos do you have in it ?
10/10 👍
Present sir
Mashallah
Hello Sir, i have a question: Why do we need to add true to both button and div at 10:27
start from 4:00
uske pehle timepass hai bas
why use 'var' instead of 'let' or 'const' ?
Isn't stopImmediatePropogation() to stop the second click on button? It will stop the button1 text to be displayed. Otherwise we could have just used stopPropagation on the second click of button.
Nice thanks for share us
can you please make a backend developer for the node js interview question series
thanks
sir plz javascript me
shallow copy and deep copy.
object.freeze and object.seize.
par video banaea plz sir plz.
Noted
@@TechnicalSuneja Thank you so much for reply.
Event capturing mein div ke sath button ke event listener mein bhi kyon true dalna pada
👍👍
are you using windows 11 ? and if yes then its right time to use it or still wait for stable version
Bhaiya interview me they said to code comments system, folder structure system, drag and drop functionality in js . Please take such questions 🙏 🙂
Noted
@@TechnicalSuneja haa bhaiaya ,concepts ke videos ki frequency increase karo please 🙏
next topic oops please bhaiya