Async JavaScript & Callback Functions -- Tutorial for Beginners

🎉👨🏻‍💻Episode 11: Asynchronous JavaScript, Callback Functions, and Callback Hell 😈

Bro what?? 62k subs for this guy, I was watching the video with thought that this some million subs channel bro... THE QUALITY

Too long to explain. Disliked.

Thanks for the explanation! Hit the subscribed with the bell <3 love your content.

this guy has a million-dollar-worth knack for teaching

crazy good stuff :))

thanks for the lesson

thx ... that reminds me, I need to go do some laundry 😉

This is my favorite coding channel!

I would love to see a React series like that on your channel. Thanks for sharing your knowledge !!!!!

Superb explanation

the most entertaining video on async hats off🎉

How can I purchase javascript mastery course from color code.

I don't comment on tutorials very often because they are all very similar but I am very impressed with your videos. Yours really stand out. The way you breakdown these difficult concepts using visuals as well as writing out the code was very helpful. I look forward to your javascript course when it's released.

You are the BEST

Am I getting this correct? When you use asynchronous calls your method calls are put in a message queue to be handled by the event loop sequentially?? So if you make wonderful "parallel" code the execution of your methods is done sequentially as if they were synchronous calls... ? So if your methods you wanted to be handled in parallell are just put into another sequential execution queue ... what is the point of making asynchronous code?

Thanks bro, superb teaching skills 🪐

great

At the time of 6;12 you are wrong Eat pizza consoling because of pizza variable in line number 4 attached to the window object if you will console.log pizza line 1 outsite of function then it will return undefined let me give some example

let pizza;
function pizzaorder(){
pizzas = "amanpizza";
}
pizzaorder();
console.log(pizzas,pizza);
//amanpizza undefined

Hello, I am Qoli and you are no longer friend of mine. :)

Hello, THANK YOU and greetings from Bulgaria.
Please take a look at what puzzles me, in your orderPizza(callback) you use the callback directly without wrapping it into a function.
In your example of callback hell you wrapped all functions in arrow functions.
My question is why ?? Is there any specific reason ??
Thank you.

I signed up for the Javascript Mastery course just off of this video alone. I feel I can learn a lot from how he teaches. Hopefully the course isn't priced ridiculously.

Assalomu alaykum Bro Your Video was very usezful for me please make more videos like that 👍👍

So, did you called Qoli after all?)

love u

please don't use music in video because most of us watch the video in 1.5x or more speed which makes music very annoying.
apart from this, this video is so nice thanks.

Great Visuals!

🎉🎉🎉
Keep going brother
Your teaching is very insightful
Very detailed informative
Thankyou so much ❤

🎉🎉🎉
Keep going brother
Your teaching is very insightful
Very detailed informative
Thankyou so much ❤

hey Qoli can you please make a video on a series of JavaScript interview questions and most likely on execution context and memory allocation

You're one of the best at teaching and explaining code!! Truly complex subjects explained to easily. Very glad I found your channel

great teacher. keep going!

Dislike Instead of learning to code i got up and made pizza because you made me hungry.

One of the best content creators I've seen <3 Good luck and we need more contents like this

I came here because one of the "easy" leetcode problems had promise and await and async in it, I had no clue what any of those things were as I just finished the freecodecamp javascript section. I dont really know where to go after that.

Waiting for your dsa series sir 🤓

Thanks for this gem sir ❤

Please upload new videos 🙏🏻

Why do you put 'pizza' as a parameter for the callback() and pizzaReady() functions?

when my pizza is here, f**k Qoli ) I want to eat my pizza, I don't wanna hear about Qoli

eventlistener is synchronous by it self, it's the logic inside the call back that may make it asynchronous. Apart from, that brilliant!

The author of this video completely missed the meaning of synchronous and asynchronous. "Synchronous" means happening at the same time. So if the second function doesn't wait for the first function to complete that means it starts executing while the first function is still running. That is they are running at the same time - synchronously.
On the other hand, asynchronous is ordered execution. So the JavaScript is executed asynchronously by default - line by line. One line finished - the next starts executing. Argue if you can.

After a long time! I have understood callback function.

I watched this video 3 times until I got an understanding what does callback mean in Asynchronous, then I try it by myself with callbacks then the code returning an error. Now I see why they put 'hell' after the callback word.

This video is worth million of dollar

Best video of the universe Thank you don't stop to make video your video are very indepth knowledge and easy to understand and fun . thanks again

Here's where I'm a little confused and I probably sound slow but please bare with me on this... what if we replaced callback with pizzaReady would the results still be the same? I'm finding hard to understand what callback(pizza) is doing since we're already assigning pizza with an emoji and waiting 2s for that to take effect before passing it down as a vriable for pizzaReady( ). If we're passing pizzaReady as a callback function, how is it that we can change the default function name to anything we want and still achieve the same output?

Well explained.

Best solution to manage async and promises is to use js-awe library

can you explain callback hell clearly and why did we went to promises and async,await