JavaScript Callbacks Explained in 5 Minutes (Essential for asynchronous code!) 

1, 3, 2 it will firstly fire off all the functions from the stack. When the stack is completed, it will go over all the events

excellent video mate!! bitesize knowledge for JS is so much more useful than sitting through anything longer where the person starts to waffle. Your examples are great too and extremely well scaffolded!!

I have never learned a programming concept just in 12 seconds. Keep up the good work James.

I love how succinctly you explain things. Instead of using a bunch of terms that only advanced developers understand. You're meat and potatoes when it comes to teaching. Keep it up!

Nice explanation. A video on the different ways to define a function in JavaScript and when they should be used would be helpful.

Very simple and well explained. Thank you!

Awesome James . Love the oil change analogy .

The mechanic example made me understand everything really fast. Thank you 🙂

This is actually really useful. Helped me understand my really weird bug when developing a chrome extension

This helped me a lot you explain things fantastically!

Excelente video, claro y al punto! 💪💪

Thanks. Very nicely explained! Got it.

Fantastic explanation, thank you!

Thanks, I needed a refresher. Great video.

Thanks James great video.

YOURE SO DAMN AMAZING! I mean, its kinda sad that I've saw you for the first time after like 2 years of starting coding but it's worth it anyways, best dev channel, keep it up!

Awesome tutorial James. Would you do make video about nested async callback function too ?

I gave you like immediatelly when I saw how easily and well you explain everything and later when I saw pokemon example which I really liked I wanted to give you another like but then I realised I already did it so I gave you subscription. well done ^_^

1,3,2 setTimeout (Web APIs -> Task Queue -> Call Stack (using event loop). It'll only run after the synchronous operation is done.

love your content. always a supporter of your content James.

Brilliant explanation! Efficiency at its best 👌🏻

Thank you James!

Very well explained for beginners like myself. This is very useful. Thank You for sharing.🎉🎉

Thanks for the lesson, you have a gift of being concise and provide valuable information!

thanks for precise explain, only one that make me understand

very clear,wonderful!!

excellent explanation! 👏🏽

Nice and easy walkthru. Thx so much

Just discovered this chanel and I am hitting the subscribe button without any hesitation.. Keep going any tutorial for rest api and react ?

So nice, Thank you for tutorial

I am coming from the Odin Project. I am still fairly a beginner so I more or less didn't quite understand a lot. I was interested to understand what were call back functions. Will for sure come back later for a deeper dive in functions. I am sure you have a great explanation.

Really this is helpfull. Thank you

Thanks James!

thanks so much!!

Great video .. thanks 😃👍

Hi James definetly would be nice to have a 5min video on es6 arrow functions

Thank you!

Thanks for the video

very nice effective & efficient video

1,3,2 cause async tasks are taken care by the event loop, and event loop monitor that the stack should always be empty, if empty then it will take the CB(call back) to stack and callstack will immediately execute the CB

I couldn't understand the concept of cb function even watching videos in my language (spanish), your explanation was definetely the best by far. Thank you very much

WOWWWWWWWW! I JUST GOT IT, THIS IS SO POWERFUL!!!!

that was quick, and quickly you have a subscriber.

Hey, please tell me: 1. What theme are you using for the ide 2. How does your cursor is blinking such cool way

how would you make the example behave synchronous, in order to yield 1,2,3 ?

Thanks a lot!💌 and Could u tell me what theme u use in vs code?😊

thank you, cool video

I like the explanation with the oil change. It would be nice, if the example code resembles the oil change, to transfer this conversation to JS. Anyways. Good explanation.

excellent 🔥

What theme are you using in your VSCode? It's so clean to see.

what kind of theme are you using on your vs code pls?

Great little tutorial! By the way, what font do you use in this video? I really like it!

thanks. greetings from ph

What is difrnce between callbcaks and closures does both simply help put a function within a function

LOL. You are so humerus ! I get the idea quickly thank you!

Liked and subscribed just for the mere fact you like pokemon, too. Great video! thanks!

Would love to see a practical real world example of why and where you would use Currying, most people always show non real world useless non practical examples. Thanks for all your great videos James 😃 👍

Can you make project using web worker? To understand about using web worker.

I don't know if you're still answering questions but what kind of vscode theme do you use that looks awesome

Very goo video. Thanks. S-

Great tutorial. Thanks What's the font are you using?

Pretty cool !

3:05, line 3, does the first (name) needs brackets?

Can i know the theme you are using in vs code

at 1:40 why did he has to swap the codes? arn't functions run where ever there in javascript? Some one pls explain

Hi, what software are you using in this video to do the actual coding? Can anybody provide me an answer, please

Me encantaría una lista de reproducción sobre cómo consumir apis. con este tema y otros en los que un principiante suele luchar

What name of background theme you use

Can anyone tell me the VS code theme used here?

I need your help with arrow functions lol please James thx

So unless I don't read the documentation, I cannot know the number and type of the parameters of that callback function.

Hello James! the functions loadPokemon how is it asynchronous? is it because fetch is asynchronous ?

iirc the example should log out 1 3 2, since setTimeout() is a macrotask. It's been a while since I delved into async javascript tho

I'm confused, why would you not just use await, for example: let result = await someFunction(); console.log(result) Doesn't this achieve the exact same thing?

1, 3, 2 because of the event loop

greatone

1, 3 and 2 😊👌

Could you please create video that show how to solve the uncheck runtime.lastError in Chrome and how to turn off Debugger on Chrome as well. It's too annoying.

If I were you, I would definitely name my two dogs Ekans and Koffing

James, please help me understand something. It is one last JS weirdness left for me that I can't grasp having strong C# background. I will try the simplest example I can think of. So each JS developer say it should be like this: function simpleCallbackFn (){} function simpleCallerFn (cb){ cb();} simpleCallerFn (simpleCallbackFn); Why not like this: function simpleCallbackFn (){} // Same as before function simpleCallerFn (){ simpleCallbackFn ();} // We do not pass a callback, we simply call the it from within. It is within perfectly visible scope. simpleCallerFn (); We call the "callback" function from within the caller function and to me this should be perfectly fine and achieve the same result. Thank you. Greetings from Bulgaria. Well, trying to please you :) . And to be nice.

I learned more in this video about callbacks than in 2 semesters of computer science... Thank you so much!!

Which font are you using?

What is the difference between function foo(){} and let foo = ()=>{}

Now i am more confused, cant i just use that callback function directly without calling it as variable in the function

♥️♥️♥️

I still didnt understand how does cb() work, what is it doing

1,3 and 2

1,3,2, even with setTimeout 0 it'll be 1,3,2

please what is this text editor

1,3,2

great, now please add the async await in all that stuff. Cause thats what makes it confusing to new developers.

you explained it in 60 seconds actually.

Lost with those arrows 😢

1 ,3 ,2 , if you have knowledge about event loop then you will get this

Excellent example in the beginning.. just too fsst later.. 😅

2, 1, 3

As a dad joke connaisseur, I appreciate your similary cheesy intro jokes.

Output: 1 3 2

i understand callbacks in starting 15 sec

Easy Subscribe 😁!!