Callback Functions in JS ft. Event Listeners 🔥| Namaste JavaScript Ep. 14

[@himanshushekhar8409]

cleared 12 LPA package interviews having just 1 year exp. just because of you brother . Hats off

[@mrityunjaysharma]

Hii i have learnt HTML, CSS, data structure and Algorithm now learning JAVASCRIPT. Can you suggest me what should i learn after this?? And how to apply for a job??

[@mohammadmuzmilkabir3067]

What was your previous package that you got so much hike ?

[@heathens2867]

Tech stack and company??

[@Adityasongs1]

​​@@mrityunjaysharma learn Node Js for backend With express Js, And Learn React and Next js For Front end you can Go with Angular Just see whats the demand in market or whats suitable for you nowadays react is popular and there is demand. s Angular most of the cases pays more salary then cause its little more diffuclt. ....Then Leaen Intermediate level of CI CD Git and github...All set..!

[@evil6270]

@@mrityunjaysharma after learning that what u doing now bro i going same like u now, u got jobs and what u did help me out

[@rajatsawarkar]

my colleague from USA showed me this playlist, can see how much people learn from you, love you man you made my life so easy

[@abhishekkashyap8856]

May I know the clg name or you lying to promote this channel?

[@rajatsawarkar]

@@abhishekkashyap8856 i don't need to prove you anything, stop being a Beta male you poor thing 🤣

[@programming3043]

Chal jhutey

[@AryanGNU]

@@abhishekkashyap8856 kaha se laate ho hate bhai ? Agar channel nahi pasand to mat dekho but hate mat failao

[@abhishekkashyap8856]

@@AryanGNU aisi kon si hate fala di maine. Ye chutiyapa hum se nahi dekha jata. Real life scenario alag hote hai

[@akshaymarch7]

How was this video? Let me know in the comments below, I read each and every comment! ❤️ Next Video: EVENT LOOP & Asynchronous JS 🔥 - kzbin.info/www/bejne/bquupoGlacasbqc

[@MP09Dhar]

Waiting new one after event loop

[@kavyashree7923]

It is a visual treat to see how javascript works on the dev tools.

[@kishorsharma1976]

Great video 🙏

[@deepanshu247]

Not only this one, but each of your video is very helpful Akshay. Also please accept my LinkedIn request :D

[@hendrylawrence2175]

Bro just tell me how to get a job after I learned this thing

[@jagrutsharma9150]

Things learned: 1. Function that is passed on as argument to another function is called callback function. 2. setTimeout helps turn JS which is sinhlethreaded and synchronous into asynchronous. 3. Event listeners can also invoke closures with scope. 4. Event listeners consume a lot of memory which can potentially slow down the website therefore it is good practice to remove if it is not used.

[@chethanprabhu4475]

setTimeout does not help to convert from sync to async. setTimeout itself is async operation. He used it to mock a api call.

[@jagrutsharma9150]

@@chethanprabhu4475 Thanks for telling

[@a-mohdarif1597]

@@chethanprabhu4475 callback provide the power of async to setTimeout

[@imaginecodes2382]

@@jagrutsharma9150 you can edit your comment

[@The-Great-Brindian]

ah setTimeout. My favorite function in JS 🙂

[@sianasachin]

Happiness is when I actually do remember previous concepts when Akshay asks remember, remember.... remeeeeember :D . Long live Javascript and Akshay.

[@akashsingh-ch5xc]

Same Pinch :)

[@sakshamjain7169]

Nobody has gone this much deep in terms of using dev tools for the explanation. Thank you very much.

[@GauravKumar-ue7nz]

Don't skip ads on such a true quality content.

[@novanoskillz4151]

Please never stop creating content. I watch all of your ads and tell all of my colleagues about you... just to support your channel.

[@amittiwary3096]

I liked the part where you used devtool to show how callback works. It's like proving the theory through practice. I am waiting for the videos on the event loop.

[@akshaymarch7]

I would suggest you to play in your devtools, it's super fun to see things working! ❤️

[@samyever2be]

@@akshaymarch7 Can made one video about your Namaste react., I am new for frontend

[@yuantu4146]

watching your videos is like watching my favorite tv shows, I just can't stop. Thanks Akshay! You have so much talent in expressing things clearly!

[@Ghanshyam1987]

Yes, waiting for event loop, All your videos are like connecting missing link while learning JavaScript. Really appreciate your efforts and thanks

[@ogs3721]

I searched the entire internet universe to find a perfect explanation and found it here. Thanks.

[@barrybrewer5164]

You're great man. Clear. Energetic and knowledgeable. All the best qualities of an instructor. Thank you!

[@reetisharma2348]

Thankyou so much! I'm noting it all down, making notes so as to revise them in future ! Can't believe this content is free !!

[@akshaymarch7]

Fantastic, that's exactly my way of learning! 🔥

[@mohit96nain]

Is it possible for you to you share your notes. I would really appreciate your efforts and dedication. Thank you in advance 😇😇 my email: [e-mail]

[@shruthib3366]

I would love to refer to those notes Reeti. Could you please share it to [e-mail] Thank you so much!

[@krunalumak6838]

Same here Reeti, I would like to read your notes for interview reference. Please send them to [e-mail] Or we can have a google doc, interested people can add notes there

[@HimanshuSingh_92]

Can you please add them in Google docs and add us?

[@manushreemallaraju2369]

@Akshay I'm working as Web Developer from one year, I have struggled so much to understand these basic concepts. I have referred to many courses in udemy with 50 hours+ lectures, but none explained this way. Like a Netflix series I got addicted to your explanations and I think I will never forget these concepts in my entire life!! Thanks a lot Akshay, I kindly request please make more videos like this just in JavaScript!! I will recommend only 'Namaste JavaScript' to everyone from now on!! May God bless you! Thanks for all your help!☺

[@raj-pl8xz]

hello angel..give yur num

[@brainnbeyond]

One day i just randomly texted a guy on discord and straight way he suggested your video playlist. As a beginner i should say that no one had made me this clear and by clear i mean crystal thanks Akshay ❤️🙏

[@devindershuthwal5982]

Watching the whole Namaste JavaScript tutorials in sequence , its a beautiful tutorial. You have done really very good R&D to make each videos. Thanks for such a beautiful and useful tutorial.

[@ramyanh5302]

The effort from you to explain things with so much perfection is so real. Fortunate to find your channel on KZbin :)

[@harsh55]

Bhai ke videos are like next episode of a blockbuster series where people wait eagerly for next episode

[@zantebi]

Akshay my friend , watching your videos from Israel and I must tell you , I paid a lot of money on courses that suppose to learn js but never passed the knowledge you passing in 30 min of video , keep the excellent work , waiting to see more and to realy understand the architecture of js

[@ankitapaul1470]

The explanation of Devtools was just superb, mind blowing and extra-ordinary!!.. Now Event listeners will never get detached from our HEAD.. 😋😋😋

[@rashmi5635]

The moment you said-"Closures are used for data hiding,you remember" and I was like yeah yeah (flashback)

[@akshaymarch7]

Hahaha, good student! 😅😝

[@amankumar-SportsLover]

I think after watching all your videos, I can crack all interview of my dreams company #apple #Facebook #Microsoft #Google ...these 5 company is my dream..... great learning stuff's

[@sachindrapandey7146]

Eske liye aapko Tamra ptra diya jayega 26 Jan ko :) jo Amrish puri ko mila tha desh ki aajadi ki ladayi me ...... One of the best JS playlist on KZbin....Love you

[@gauravthakur3085]

This series is really helping me to clear my all Javascript concepts

[@IamDanish99]

I am a data engineer by profession. But was always interested in JavaScript and its' capabilities. Now after going through these video series, the excitement level for me is surreal, now I can understand JS in a fun and easy way! Thanks a lot Akshay.

[@demonslayer4607]

how to become data engineer as a fresher ?

[@sujoysaha2169]

After watching this series, I Can confidently say that I know JavaScript. Thank you Akshay, you are great 🙏

[@bharatjain6930]

Brother, you are amazing!!! I can't wait to learn Event Loops from you. Although I already have a quite clear idea of it still I feel like your teaching it will be next-level enlightenment. Kudos to you, man!

[@YourAKShaw]

This is the best series for JavaScript ever! I haven't come across any other video media which covers these topics in such depth. You rule man!!

[@tanzirou10]

02:56 Callback functions in JavaScript 05:52 setTimeout in JavaScript allows for asynchronous execution of code. 08:48 setTimeout allows asynchronous execution of code 11:44 Blocking the main thread can cause performance issues. 14:40 Understanding callback functions and event listeners 17:36 Closure allows data hiding and prevents modification of a global variable. 20:32 Event listeners should be removed to free up memory 23:26 Event listeners can consume a lot of memory and slow down a page with thousands of buttons

[@ShivamSharma-rb2zy]

bole to jabarjasttttttt sir mjaa he aagya aapse padhne ke baad me to kamaal ka padhate hain aap sir bahutt khudd naam roshaan kerye khuub tarrakii kareye meri duaa aapke saath hai..........................................................guru ji ko mera pranaam..............................................aaka shishya.........................SHIVAM SHARMA...........................................

[@farazhusain925]

I've completed my master's in mechanical engineering, and after that, I planned to switch my career in the IT industry. Yesterday, I cracked the first round of interviews for the position of front-end developer. All the questions on JS were from your videos, and I can bet that the interviewer has also watched your Namaste Javascript series.

[@mdfarhan2047]

Bro how's your corporate Life going... I'm from civil background...can you tell me how many experience years you have now and how to get into it company..plz share your experience? Where are you now?

[@razibazargan5649]

You are the first one I'd watch his long videos without being bored or blinking.

[@kavitapandey3721]

I wish I had a teacher like you in my graduations😣 but koi baat ni der aae durust aae😄 beautifully explained😊 thank you so much🙏

[@Abhishekpandey-ud8fg]

Your Video Lectures are really really helpful, the way you have explained "Closures", ''Callbacks", "Call Stack and How Synchronous and Asynchronous Thread Executes" everything is top class.

[@sarfarazalam6077]

Understood callback in great detail 😊. First example explained with stack built solid foundation & made easy to understand rest. Very excited for event loop. Thank you 😊

[@guggillavenkatamanohar5647]

this difficult concepts going directly into my mind. once albert Einstein said: if you are not able to make a hard concept understandable to a child then you don't concept very well. You are the master of javascript

[@anilnarra8905]

what is a call back function in java script ? we already know that function are first class citizens in JavaScript. that means we can take a function and pass it to another function. when we a pass a function to another function, whatever the function that we are passing as an argument that we call it as call back function. Example:- function x(y) { console.log("x"); y(); } x(function y() { console.log("y"); }); in the above example function y is the call back function to the function x. in the above example it is up to function x on when it wants to execute function y, means in the code function y will get called by function x after some time, that’s the reason we got the naming convention as call back function , these function will get called after a while back. setTimeout(function a() { console.log("Hi") }, 5000) in the above example function a() is the call back function to the function setTimeout. these call back functions are very powerful in JavaScript. it gives us access to the whole asynchronous world in a synchronous single threaded language. JavaScript is a synchronous single threaded language. That means it can do one thing at a time in a single order. but using call backs we can do asynchronous operation in JavaScript. for example if any function or operation takes lot of time (may be 20 to 30 seconds), and if we try to execute this function using main thread (JavaScript has only one main thread), then the JavaScript won’t be able to do any other things in these 20 to 30 seconds. we should never block our main thread. that’s the reason we should always try to choose async operation which takes time. without the concept of call back function we won’t be able to achieve async operation in JavaScript.

[@nilamrakholiya5650]

if sometimes I don't feel to learn JS concept and next open your videos and your enthusiasm fill my mind with excitement to learn.

[@MrAnupkash]

It was brilliant to watch the whole set of Namaste JS tutorials and this has given me a lot of confidence as a developer. Akshay has just lit this journey by explaining concepts by coding and in real time, which I wonder no tutorials would do. Just waiting for your upcoming videos and until then I shall play around with JS !!😉😁

[@poojanpandya8864]

I have been working on JS for about 2 years, but never understood these concepts properly. Thank you so much Akshay bhaiya.

[@dilipkumavat4891]

Yes Brother , we understand it very well and in practical way , thanks for this kind of deep dive to the topic + interview question explanation, even i was asked this question in interview too.

[@bipuljha792]

This is my second time going through the whole playlist, it's still gold

[@nripendramohanshrivastava6255]

I have been studying js for past 4 months... Thought I know js... But after seeing ur namste js series.. I think I am just a noob and donkey in js... I think I have to postpone or give up my interveiw which is on next Friday.. Throttling debouncing execution context etc.. I never heard about this in the KZbin tutorial which I prefer...ur doing a great job.. Just keep posting it regularly.. Has ur videos can only make many students placed ...

[@rambabumutyala884]

this is a very rare series in javascript and a good opportunity for our beginners thank you Akshay bro

[@dikshagupta8944]

Your efforts in every video never go in vain. To see everything in the dev tools is just amazing. Its like seeing what's going on under the hood and it does make everything crystal clear. Keep explaining like this 😍😍 .... waiting for the event loop video 🌸✨🙌💁 Thank you for all your efforts!! 😇

[@vigneshbhandarkar9039]

Really I have not seen such a practical,indepth n end to end explanation except Namasthe javascript series.........I wish to gain more and more knowledge from you

[@syedsheralihussain]

Life has so many questions. But one of the most important question that we all should ask is ! 20:12

[@vikasvk_]

Dev tools are the USP of your videos. They make us understand so many things happening under the hood of that V8 engine (pun intended). Your way of teaching is just fabulous.

[@bikramrout1464]

It's a Treat to watch and learn from you.

[@rishabhchopra883]

Working for 7-8 months using JS without knowing these things. This stuff is just amazing !!!

[@nishantkrsingh]

really boosting my confidence with every video..

[@dieshimitigert6758]

We need more teacher as passionate as you, Akshay!!

[@vidhubhardwaj8412]

So, Akshay looking for a bride In which language do you code? She: C++ Akshay: Hmmmm She(2): Java Akshay: Hmmmm She(3) :Python Akshay: get out She(4): Javascript Akshay: Maaaaaaaaa Bahu mil gayiiiiii

[@akshaymarch7]

Hahaha, this gave me a good laugh!! ❤️

[@akshayhere]

Lol. Always better to be language agnostic

[@abhijiths148]

Well after marriage she will get double the Salary. ;)

[@urvishagreat]

Main criteria ... She should know JavaScript. 😁

[@pavanvidyasagar905]

@@urvishagreat she'll learn from Namaste 🙏 JavaScript series 😁

[@sameersahu4569]

That drumroll moment was hilarious.... Understood callback functions...Thank you

[@justinphilip4235]

This was yet another insane video. You really make sure we REMEMBER the concepts taught back. Just awaiting for next Event Loop video. ♥️💯

[@pahadihumsafar524]

aisha lag rha hai roj ek hi topic chal rha hai..bhut ache se har ek topic connected hai .theory of relativity in js

[@TheCodingOdyssey]

This is a really good series. Learning some new things! Namaste :D

[@nikithamalkapuram8728]

Before this video, I don't know how eventlisteners work. But now, I know event listeners and their work. Thank you. And I am so excited about upcoming videos.

[@tanujupreti]

Now youll get us out from callback hell. I have faith in you 🥳🥳🥳

[@gopinatha.p3194]

Akshay will give you a promise 😂

[@ahmadhabib4564]

I see what you did there

[@samarpanharit4268]

Very Excited for the event loop video. The dev tools explanation is the best since we don’t have to guess what would be happening but we can see exactly what’s happening.

[@veersingh-bv9bz]

Please Akshay sir please continue this series. It's been 1 year please sir continue it 🙏🏻🙏🏻

[@bharathenishetty9491]

i have taken one most rated JS courses from udemy, they didn't clear all the doubts but with the help of dev tools, you cleared all doubts for me with dev tools is more helpful with crystal clear

[@santoshgiri9698]

Very good video on call back function () ..can we get a video on callback() vs promises() vs asyn await () please

[@gautampatil3954]

you said dont go without commenting down so I am commenting here . Sat today whole and consumed your whole playlist. Love it

[@nitin0001]

I needed this in reactjs closures behaviour is very different than used useCallback hook to solve this issue of denouncing bcoz needed to implement the denouncing but was unable to implement directly in React js🙏

[@akshaymarch7]

Why don't you try to code it yourself, a great opportunity brother.!

[@nitin0001]

@@akshaymarch7 i tried but for every render it create new instance of that closure function to keep reference to same function for every render i need to use useRef or useCallback hook

[@priyankashinde2070]

The way you explain each and every concept is too good and thank you for explaining dev tools in detail🙏

[@krishnajangir8932]

Akshay , your videos are really helpful , thank you for sharing these with us and waiting for more. And one request , could you please create a video on callback hell and (call , apply , bind) methods of JS.

[@akshaymarch7]

Call Apply Bind video is already there on my channel. Please check out the other playlist. 🕺

[@vinothkumarv9722]

Vinoth love >> Akshay: this topic love it all specially, 1.closure, in addEventListener(). 2.removeEventListener()? then why it is needed? really super i love it. 09:35 > Js dent' have FClass fn()!, then we don't have the call back function and taking action Async operation's. 13:20 > Means, here whenever function invocation is happening Global execution context is created and after code compiled the GEC, will be pop out. :) 14:32 > let count =0, is now is global variable so it not safe means needed to make it ,,private so we needed place inside the function after this.. variable is becoming like private right, so this context is awesome ::❤️ the this callback fn() is accessing the parent fn() scope in this case the parent function is a closure, formed help callback function() ❤️. 15:56 > GEC - is creating, because of function invocation is happening here am right akshay?. ok clear 19:50 . So FINALLY explaining about removeEventListener(), i know this fn, but don't' no usage, but now is really interesting, i will implement in my code its next onward.

[@shivareddy1334]

Word Wrap setting in Visual Studio Code might be helpful for you.

[@deepameesala6051]

This is the best explanation of callback i ever saw!!! really like the way you explain complex concepts in a easy way

[@SantoshKumar-yg7rc]

who are these people who give thumbs down ? Just Curious.

[@krunalumak6838]

Probably they are Antiscripts(Antichrists)

[@siddharthsingh7341]

Might be other JS channel people who come, learn, steal ideas and concepts and dislike...lol :)

[@KatyayiniK-m6r]

They are may be just like " .catch ", we have to just ignore them.

[@paarthbajaj9160]

this concept of explaining everything through dev tools is awesooooome.

[@ManeeshVijaykar]

How does the eventListener on Js File and Inline html onClick event differs? Do they differ on Garbage collections?

[@akshaymarch7]

Wow, amazing question. I would suggest you to open your devtools and try it out. Try to find out yourself, it will be super fun. ❤️💥

[@baibhavkumar6031]

This is a very good question, I found this stack overflow link helpful. Posting it here so that others can get some info as well stackoverflow.com/questions/6348494/addeventlistener-vs-onclick

[@frank3481]

@@baibhavkumar6031 love this article. thanks

[@itumandal22]

your explanation is very crystal clear. and the way you demonstrate in devtool is simply to the point. Thank you.

[@karthikd490]

When dealing with deeply nested async functions, I sometimes run into maximum call stack exceeded error. I read that async functions need to end with a return statement but still sometimes I end up with this issue. Appreciate if you could make a video on how to properly handle async functions to avoid this error. Thank you. This is a great video nonetheless.

[@macxdeep]

Mind blown by javascript, only because you explain in easy way!

[@ramjondhale8758]

Excellent explanation. Didn't see this type of deep explanation with the actual working with example before in any paid courses which this guy is providing free of cost 🔥🔥

[@sarathchand8305]

Presentation feels very friendly Feels like a friend talking about js,

[@namankeshari7332]

Thank you so much for explaining this concept in this video! My sir (teacher in a coding institute) recommended this course. And I came here just to revise callback functions but now I know much more than that! Thanks again, sir!

[@conan501]

I'm excited for the Event Loop!!! 😎

[@ngtv5608]

the dis-likers are interviewers who ask all these question to confuse the candidates... Thanks a lot Akshay Sir!! Namaste !!

[@shubhamdahale1995]

You are very talented and enthusiastic about teaching JS.the way you explain is very convenient and easy to understood. Thanks for teaching us. Please keep it up.

[@WaqasKhanDurrani]

All videos till now going Mind Blowing.... Best Ever way of teaching!

[@nikhilaatkuri545]

This series is the best KT session I have ever attended. Thank you so much for all these videos.

[@GameSphere674]

The way you explain things, I found it very easy to understand. Thanks for this tutorial. Hope to see more!!

[@arjuntanti4195]

after watching your javascript playlist , I feel very confident in js 🦾🦾, thanku ❤

[@JACKSONPRYORBENNETT]

I am excited to learn about the event loop!

[@Dineshsingh-qt9yk]

Thank full 🙏 JavaScript depth series. Because many step are make easy watching this series. All interview questions is solve. My life make easy So lot of thanks 🙏🙏 Akshay Sir.

[@humza5107]

Your excitement of teaching is the motivation.

[@manojlandge9149]

Thanks for explaining things in such a easy manner.. because of your teaching with debugger I am getting a hang of it now.. now I choose to use debugger instead of putting logs all over the code.. thanks for making things easier for us ! gob will surely bless you for the efforts you are taking to put these things online for free.. thanks again for your kind efforts!

[@nipu8406]

Plz do tell how all to add debugger

[@vishalkale16]

Great Great Great Content.... You are right Akshay, without knowing this, no one can be Senior Developer....☺️

[@theakshaymohan]

Just wondering where I'd have been if you were my Web Dev lecturer in college! Thanks a lot for this series, Akshay! I'll always be grateful to you! And I'm excited to watch your video about Event Loop 🎊

[@aroundtheglobeSwati]

Very informative video! I now, don't have to rely upon a lot of resources and get confused. So, your channel acts as an one step solution for problems dealing with JS.

[@anujpuri3663]

Mostly I don't comment on videos, but your teaching style is just ❤️, I understood each and every concept, thanks for making these tutorials, and hat's off to you for all this work

[@nitin0001]

Can't for wait for event loop video. Let them keep coming really enjoying this series

[@ManishSharma-jz2hw]

It's not only event loop video, I am always excited for any of your video Akshay. Thanks for clearing out the concepts one more time. 🙏♥️

[@stroke_real]

02:56 Callback functions in JavaScript 05:52 setTimeout in JavaScript allows for asynchronous execution of code. 08:48 setTimeout allows asynchronous execution of code 11:44 Blocking the main thread can cause performance issues. 14:40 Understanding callback functions and event listeners 17:36 Closure allows data hiding and prevents modification of a global variable. 20:32 Event listeners should be removed to free up memory 23:26 Event listeners can consume a lot of memory and slow down a page with thousands of buttons Crafted by Merlin AI.

[@The-Great-Brindian]

beautifully and masterfully explained my friend, probably one of the best explanations on all these concepts rolled into one video - great job. I'd wager this video has helped hundreds of thousands of trainee devs in solidifying their understanding on the aforementioned concepts.

[@programmed509]

Man you are really one of the best tutor I have ever come across🙏🙏🙏 Anything in JavaScript if I'm not able to understand... I just simply watch your video and it really gets embedded into my head. Nice work bro👍🏻👍🏻