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

[@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

[@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

[@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 🙂

[@vanitharg]

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 :)

[@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.

[@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

[@GauravKumar-ue7nz]

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

[@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

[@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?

[@partspieces8165]

Excited! Excited! Excited!!!!! But uh...can u please cover what debuggers are?? How we can used them?? So far, we've seen u use Debugger but a nice, crisp explanation from u would be helpful! ❤

[@Ghanshyam1987]

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

[@barrybrewer5164]

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

[@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!

[@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.

[@ankitapaul1470]

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

[@ramyanh5302]

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

[@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.

[@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

[@sujoysaha2169]

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

[@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 😊

[@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!

[@devpatidar84]

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 ❤️🙏

[@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

[@gauravthakur3085]

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

[@harsh55]

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

[@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.

[@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?

[@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 ?

[@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 !!😉😁

[@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.

[@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!!

[@arjuntanti4195]

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

[@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🙏

[@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.

[@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 ...

[@priyankashinde2070]

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

[@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 😁

[@bipuljha792]

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

[@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!! 😇

[@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

[@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.

[@rambabumutyala884]

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

[@nishantkrsingh]

really boosting my confidence with every video..

[@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 🔥🔥

[@bikramrout1464]

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

[@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

[@justinphilip4235]

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

[@razibazargan5649]

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

[@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

[@ogs3721]

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

[@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

[@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!

[@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. 🕺

[@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👍🏻👍🏻

[@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.

[@veersingh-bv9bz]

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

[@conan501]

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

[@santoshgiri9698]

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

[@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.

[@shivareddy1334]

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

[@reshmashaik7015]

I am glad that today I learned extremely significant concept. Mr. Saini the way you portrayed and explained this concept is beyond my anticipation. Dev tools is like SONE PE SUHAGA.I made my day productive with your aid. lets jump into next concept.👍.

[@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

[@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

[@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.

[@fearlesscoder2054]

Excited about Event Loop video!!

[@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.

[@WaqasKhanDurrani]

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

[@GameSphere674]

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

[@poojanpandya8864]

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

[@vinodgodti9301]

I am super excited for the event loop video. Great efforts Akshay. Every week I eagerly check for your channel for your videos. Thank you for your contribution to js community.👍

[@SalmanMalik-w2x]

hats off to you brother, you are a phenomenal force of nature in JS 😍.

[@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. 🙏♥️

[@itumandal22]

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

[@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.

[@MaRio_ROvER]

very very excited till now and again I hope same excitement until series ends......

[@deepameesala6051]

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

[@macxdeep]

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

[@sameersahu4569]

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

[@Anna36936]

Best drum roll I've heard! Thank you for the TOP quality videos, they really help.

[@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 🎊

[@gautampatil3954]

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

[@rohansharma4844]

yes i did understand and i was blown away by dev tools explanation as well havent seen them anywhere else

[@paarthbajaj9160]

this concept of explaining everything through dev tools is awesooooome.

[@vamsienduri4432]

What can i give you man.. To the effect you made for my life so worthy to become great frontend developer.. I think I should give you one hug with love❤❤❤...

[@nitin0001]

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

[@sarathchand8305]

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

[@ganapatibiswas5858]

this playlist is pure gold.....🧡

[@jaishrikrishna5755]

Best explanations and the devtools explanations are sweetest add ons .Thanks a lot .

[@jitendrakumar-007]

Thanks again and again... After learning from your video i was able to explain hoisting in the same was you explained.. It was really amazing... I really enjoyed that.. And learning a lot...

[@srinivasant5935]

@Akshay I'm working as Web Developer from 2013, I thought I have very good knowledge in JS but when I started to attend the interview and I struggled so much to clear the interview and understand these basic concepts. I have referred to many sites and courses like in Udemy with 50 hours+ lectures, but no one is explained like this way. Your explanations are very clear and 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!! In this video, I am not clear with Garbage collector concepts. Could you explain little bit more on the same?

[@syedaanosha4863]

Teacher ho to app jesa ho!! great sir!! love from Pakistan!

[@priyank88]

Dev Tool example, and seeing closure as a part of function was enlightening!!!!

[@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

[@HarshSharma-mp7zf]

Yup, I understood all these concepts.. Excited for next video... The Drum was Awesome ^_^

[@prasadpg6189]

understood callback as a need in javascript rather concept, thank u so much

[@abhishekmarwal1750]

Dev tools explanation is very helpful, when callback function are in call stack when not easier to get understand ❤ bahut badiya