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 🙂

[@GauravKumar-ue7nz]

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

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

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

[@sakshamjain7169]

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

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

[@Tinniminnitoons]

You Removed the fear of Javascript from our minds. Hats Off brother

[@Ghanshyam1987]

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

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

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

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

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

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

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

[@barrybrewer5164]

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

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

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

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

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

[@ramyanh5302]

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

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

[@ankitapaul1470]

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

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

[@gauravthakur3085]

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

[@rashmi5635]

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

[@akshaymarch7]

Hahaha, good student! 😅😝

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

[@ogs3721]

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

[@sujoysaha2169]

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

[@arjuntanti4195]

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

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

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

[@rambabumutyala884]

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

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

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

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

[@gautampatil3954]

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

[@nishantkrsingh]

really boosting my confidence with every video..

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

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

[@WaqasKhanDurrani]

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

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

[@bipuljha792]

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

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

[@razibazargan5649]

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

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

[@itumandal22]

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

[@bikramrout1464]

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

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

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

[@macxdeep]

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

[@justinphilip4235]

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

[@conan501]

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

[@TheCodingOdyssey]

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

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

[@syedsheralihussain]

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

[@sarathchand8305]

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

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

[@sameersahu4569]

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

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

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

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

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

[@veersingh-bv9bz]

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

[@poojanpandya8864]

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

[@santoshgiri9698]

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

[@jaishrikrishna5755]

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

[@shivareddy1334]

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

[@gauravbhardwaj9296]

SIr, Awesome word is very small for you, you are just .............. you tutorial make me understand why should we use anyfunction or any keywords in javascript. Thanks for the tutorial. Glad to see your tutorial man.

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

[@rohansharma4844]

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

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

[@Anna36936]

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

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

[@vishalkale16]

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

[@Kheldim-official]

Everybody says go with basic basic and watch this watch that , basic is not reading w3School , GeekforGeeks and many more beginner can be confused , basic is what you taught it really clear ups my all confusion.

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

[@ganapatibiswas5858]

this playlist is pure gold.....🧡

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

[@deepameesala6051]

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

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

[@sandeepkapri8101]

learnt something very new, not heard of ever in 5 years of code, Thanks

[@priyank88]

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

[@humza5107]

Your excitement of teaching is the motivation.

[@paarthbajaj9160]

this concept of explaining everything through dev tools is awesooooome.

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

[@inderpreetsingh4176]

I do appreciate the way, you explain the dev tool in depth

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

[@abhishekmarwal1750]

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

[@ranjithnayak4822]

Your Explaination is awesome simple to understand, once i start watching your vedio getting so much concentration .Great job

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

[@Anurag675-d4h]

I truly enjoyed learning dev tools.Thanks a millionz

[@itsprabinkumarbaniya]

excited for all the upcoming videos........... u r really amazing ............. spending my 2 hour of time daily for your namaste javascript series

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