Thanks for the elaboration! I was reading Jon Duckett's JS book and couldn't find an explanation to what happens when the boolean values are mixed like in your example. All clear now!
hats off to you sir i watched lot of videos but nobody explained this topic in depth you explained it with simple example thank you so much lots of love from kashmir
thanks a lot Capturing phase - the event goes down to the element. Target phase - the event reached the target element. Bubbling phase - the event bubbles up from the element. elem.addEventListener( event, callack, capture) If it’s false (default), then the handler is set on the bubbling phase. If it’s true, then the handler is set on the capturing phase. event.stopPropagation() stops the bubbling
You are exceptional. I started with Javascript Namaste and now I can not get enough. I have to find old videos to learn as much as I can. Thank you so much for such great effort.
As of now I'm preparing myself for good companies and I'm frontend developer . So the question is if I'll go for big companies like uber, ola, microsoft, Amazon, linkedin so what is the possibility to ask the question in data structure or I should focus only on JavaScript coz previous time didn't get any questions from ds in amazon. Your reply will fruit full.
Just an add-on topic to read on is e.preventDefault() and passive event listeners. The former is to prevent the default action that the browser performs on that event and later is a way to remove the scroller janky and improve scroller performance on mousewheel/touchstart event by telling the browser to go ahead and perform scroll without waiting for the callback method to execute first.
Today, i was trying to write same code mentioned in this tutorial, but I made slight change like Instead of keeping script tag bottom of page before body ends, I added it at head tag. and I start getting errors. After that I start googling why this is happening then I came to know that if I am using script tag on head then I need to pass defer argument along with it to made HTML parse first and load the DOM properly before execution of script. Thanks akshay for keeping defer and async method before this method, so I am able to relate why I need to use defer in this case.
Dude, This is a gunshot explanation. Even a baby can understand and can never forget. You rock !!! Can you give the base idea of how you learned MERN? What all resources you followed in becoming a Full Stack Developer at Uber.
Akshay sir, i am in love with u.... the concept that u gave me is beyond my explanation.... really thanks to ur effort that u put to deliever this kind of quality stuffs....
Hiii Akshay, because of you only I jumped into WebGIS from GIS Domain. You are such a savior man! Keep it up and help me to become master in JavaScript. Huge respect from my side!
Great job Akshay, I really admire you 👌🏽 I wish to be like you one day! One extra tip Always create a separate named function block and then pass it into addEventListener, cause if you want to remove it later, cause definiton will always be treated differently. eg_ ELEMENT.removeEventListener("click", functionName)
You nailed it bro...First time i thought if i can hit this vdo as many like as i can. Waiting for new video of namaste javascript series. Keep it up🙌🙌❤️
Hi Akshay , your videos are really helpful there is more clarity in the content you provide but I know u might be busy at your work but please keep posting videos continuing because I just wait for this. Thanks
Thank you Akshay for such a clear explanation of the concept. Great ♥️ for that. It's really beneficial to beginners like me. And a small question.. Can you please mention the practical use case where we need this. (Please do pin the answer so that it will be helpful for the people having the same question.)
Guess i need to write a script to auto-like all your videos because you deserve one.
Great job sir :P
Yeah Exactly. What a man he is!
My Eye Opener for JS
document.querySelector("#top-level-buttons-computed > ytd-toggle-button-renderer:nth-child(1)").click()
@@kiranvaddy7302 It works but the like button color doesn't change. Any idea why?
I think you are not using proper propagation… try to use event capturing 😂😂
I have a JavaScript-based interview in 3 weeks and this comes as a life-saver. Thankyousomuch.
Thanks for the elaboration! I was reading Jon Duckett's JS book and couldn't find an explanation to what happens when the boolean values are mixed like in your example. All clear now!
hats off to you sir i watched lot of videos but nobody explained this topic in depth you explained it with simple example thank you so much lots of love from kashmir
thanks a lot
Capturing phase - the event goes down to the element.
Target phase - the event reached the target element.
Bubbling phase - the event bubbles up from the element.
elem.addEventListener( event, callack, capture)
If it’s false (default), then the handler is set on the bubbling phase.
If it’s true, then the handler is set on the capturing phase.
event.stopPropagation() stops the bubbling
Frontend?
You are exceptional. I started with Javascript Namaste and now I can not get enough. I have to find old videos to learn as much as I can. Thank you so much for such great effort.
i seen this video after 4 years .its amazing .thats why people say "akshay bhaiya hai js god"
Still relevant in 2024
You got my respect. Nice explanation since from the beginning of the demonstration :)
Recently I found this question in amazon banglore interview that time I know the definition but today it's clear . Really appreciated.
As of now I'm preparing myself for good companies and I'm frontend developer . So the question is if I'll go for big companies like uber, ola, microsoft, Amazon, linkedin so what is the possibility to ask the question in data structure or I should focus only on JavaScript coz previous time didn't get any questions from ds in amazon. Your reply will fruit full.
I swear that this is the best explanation in youtube.
SIr you are the best guru for javascript for all.Thanks you so much for all you efforts. Love❤️ ans Support.
This video definitely deserve a SHOUT-OUT!! Awesome hands-on explanation of capturing and bubbling :)
Just an add-on topic to read on is e.preventDefault() and passive event listeners. The former is to prevent the default action that the browser performs on that event and later is a way to remove the scroller janky and improve scroller performance on mousewheel/touchstart event by telling the browser to go ahead and perform scroll without waiting for the callback method to execute first.
You got yourself a sub, and a buyer, if you launch your course on Udemy..Btw you must be having a good teacher like yourself
Zabardast bhai......Capturing aur Bubbling cycle aur Stop Propagation bahut zabardast samjhaya hai
men.. your words and examples can make any grade student undertand this type of concepts..awesome work!!!!
bro clean content ,easily understanding
Today, i was trying to write same code mentioned in this tutorial, but I made slight change like Instead of keeping script tag bottom of page before body ends, I added it at head tag. and I start getting errors. After that I start googling why this is happening then I came to know that if I am using script tag on head then I need to pass defer argument along with it to made HTML parse first and load the DOM properly before execution of script. Thanks akshay for keeping defer and async method before this method, so I am able to relate why I need to use defer in this case.
Great job. I love the way you ACTUALLY explain what is happening with the white board first. Emphasizing Bubble up and trickle down. Thanks for this.
Dude, This is a gunshot explanation. Even a baby can understand and can never forget. You rock !!!
Can you give the base idea of how you learned MERN? What all resources you followed in becoming a Full Stack Developer at Uber.
OOOhhhh is this this much easier to understand these concepts.... Thank you Akshay Saini.
Akshay, I feel like I'm back in school - this was an excellent lecture, thank you.
amazing Dear Akshay, I've watched a lot of videos on propagation, but your instruction is excellent. Thanks you so much for the video.
Very Well explained bro with practical explanation......Great work Akshay Bro.
Bro Ekdum Kdkkkkkk DIrect Concept Clear Ho Gaye
Great Great Great Video For Understanding Event Bubbling, Event Capturing & Event Propagation Handling In Javascript. ❤love it
Your videos are very simple and informative. Anybody can understand by watching it. Please make more videos.
Finally this concept explained well.. Thanks a lot ❤
Your videos like how a mother feeds her child 🍯.
🙏🙏🙏🙏🙏
You are the real JS guru
You have brought back my LOVE for programming _/\_ _/\_ _/\_
Perfect bro..
All your examples are very clear and concise.. That I will always remember easily.. We want more concepts and videos..
Akshay all your contents are worthy and there is a neat explanation of topics /for a beginners like me
Explained effortlessly, great job Akshay
I just learn this concept in a very simple and precise way. Thanks Askhay💜💜.
the div#grandParent>div#Parent>div#Child part was new for me.
Help me a lot to learn JavaScript ….simple nd clear explanation ..Thanks :)
Gjab bhai always listen eventlooop and bubling now i come to understand great bro
Encounter best explanation of JS concepts on ur channel, kudos!!!
This was very insightful! Thanks a bunch for this one!
It was too complicated before watching this video. Now its too easy.
It was amazing video. My interest level towards JavaScript is increasing by watching your videos. Thank you for sharing your knowledge.
Akshay sir, i am in love with u.... the concept that u gave me is beyond my explanation.... really thanks to ur effort that u put to deliever this kind of quality stuffs....
Very clear and well explained with many examples !!. Thank You, Akshay.
I am 🥹addicted to your teaching. Everyday I am searching for which video I missed in the playlist.
very thorough explanation bhaiya..... great
Bahut acche se samjhaya bhai aapne
Hiii Akshay, because of you only I jumped into WebGIS from GIS Domain. You are such a savior man! Keep it up and help me to become master in JavaScript. Huge respect from my side!
VERY VERY THANK YOU brother for sharing such a very useful video lesson...
This is a great explanation! Thank you so much for this video. This video cleared all of my doubts about event propagation in JavaScript.
sooper bhai..... U have made it piece of cake to understand these things
Wow...
Akshay....your are great person amazing silent explanation awesome bro i got methode..
i am right place to learn JS , so in think aur kya hi chahiye jivan best explanation thank you bhaiya
This explanation really helped me in answering one of my interview questions in a more detailed way! Thanks Akshay. More power to you
Wow Thanks a lot Sir.
Very informative, we do not get these information directly
Crystal clear
I have a request
Please do these kind of videos on Angular as well
Thank you so much! Literally helped me debug my code. You are a life saver lol
Thanks for this simple and thorough explanation
Simply AWESOME explanation.
What a great job you are doing!!.
Liked your knowledge and ability to simplify it for others.
RESPECT!!
Bhaiya you are really a gem for us❤❤❤❤
I liked before watching
Good job brother . Explanation of bubble is awesome. Keep making and attaching videos . Thanks 👍
Complicated topic explained so easily.
It's very clear.
Thanks for this session.
Liking your video is as good as giving attendance !
Great job Akshay, I really admire you 👌🏽
I wish to be like you one day!
One extra tip
Always create a separate named function block and then pass it into addEventListener,
cause if you want to remove it later, cause definiton will always be treated differently.
eg_ ELEMENT.removeEventListener("click", functionName)
Wonderfully explained, loved it! You are superb!!Thank you!❤
In easiest way you have covered the concept
Very detailed and simple explanation
You are truly Amazing!!! The way you explain is awesome!
Thanks sir for this amazing video i Have deeply understand both of them.
Nicely explained, hats off to you!! You are really brilliant at teaching.
Amazing video, sir! you clearly meant it when you promised that the viewers wouldn't have to consult any other video for this concept. Thanks a lot
You nailed it bro...First time i thought if i can hit this vdo as many like as i can. Waiting for new video of namaste javascript series. Keep it up🙌🙌❤️
Best explaination.Thanks Akshay
Great Video. Now bubbling and capturing is easy peesy
another awesome one.
you simplified the event bubbling and capturing concept. ~thanks
Best explanation, thanks Akshay Sain
Hey Akshay, Thank you so much for sharing your information. That was really help for me.
Hi Akshay , your videos are really helpful there is more clarity in the content you provide but I know u might be busy at your work but please keep posting videos continuing because I just wait for this. Thanks
one of the best explanation , thanks a lot, pressed the bell icon :D
Sir you are just inspiration for us .. thank for sharing your experience
thanks for the crystal clear explanation ,it will be super helpful if you provide brief explanation at last in the video like you provide in closure
Your video helped in a better understanding and clearer explanation. Thank you :)
Superbly explained
amazing explanation akshay you'r the bestttt :)
Recently I found this question in my semester exam model paper🤦🏻♂️ ..
Now I got the concept cleared 👍
THANKS BROO
Sir i really liked your video the way u explained.. Thanku so much and God bless u
Amazing video lecture, thankyou sir
Great Vlog .... I am learning major things from these videos... Thankyou ... Keep doing good job..
So clear
love from Pakistan
thank you so much bhai
Thank you Akshay for such a clear explanation of the concept. Great ♥️ for that. It's really beneficial to beginners like me. And a small question..
Can you please mention the practical use case where we need this.
(Please do pin the answer so that it will be helpful for the people having the same question.)
Very well understandable video... I am very clear about this topic now, thank you
Nicely explained Akshay..Thanks..Keep it up.
please also give example where that concept use , ur explaination of concept is really good .
Thank you so much for every video Akshay ❣
simple and to the point, thank you :)
very good explanation
You have a great content , keep it up. Never thought these topics has a great impact.
Your really are a great teacher 👍