Async JavaScript & Callback Functions -- Tutorial for Beginners

Asynchronous JavaScript, Synchronous Programming, Callbacks, Callback Hell, Promises and Async Await. What do they all mean and why do you need them?
This is episode 11 in a 10 part series I’m calling 10 things javascript. Today for episode 11, we’re looking at Synchronous and Asynchronous Programming with JavaScript.
Full playlist here: • 20 Things JavaScript D...
Async JavaScript from the series "10 Things JS Developers Should Know"
by ColorCode.io, Sina Jazayeri
** Announcement **
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:
www.colorcode.io/js-mastery
0:00:00 Intro
0:01:38 How JavaScript runs
0:02:03 Synchronous Programming
0:04:45 Synchronous example (Live Coding 🔴)
0:08:08 Asynchronous Programming
0:08:47 Asynchronous example (Live Coding 🔴)
0:12:04 Callback Functions (Live Coding 🔴)
0:18:15 Callback Hell 😈
0:22:00 Promises and Async/Await
0:23:00 Async most common examples

[@ColorCodeio]

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

[@techbro3085]

Very Nice video. And glad to hear that you are asynchronously work on this series and js mystery course 😄.

[@prjk7339]

at 21:02 why did you use arrow functions and then inside them call things? why you didn't directly pass things funstions? thing1(thing2(thing3()))

[@charlilyyyy]

@@prjk7339because if he already defined the function u can do it, he just showing the flow if you just call thing1()

[@codeforbreakfast]

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

[@ColorCodeio]

Thanks :) every subscriber matters to me

[@oleksandrfomin326]

Production quality is incredible as well as the content itself. Great job!

[@ColorCodeio]

Thank you

[@Mtoun974]

I'm glad that KZbin recommend me this episode, thanks color-code

[@pedrolelis7854]

I want you to know that you are one of the best when it comes to teaching programming skills on KZbin. Although the number of views can make you feel the opposite, I’m telling you because it’s important, at the end we are not numbers, we are people! I’m from Brazil, I’m not an english native speaker and your teaching style, the way you treat the subject is one of a kind! Thank you for providing us such knowledge with your great energy! I am very happy to see you again! Big hugs from Brazil!

[@ColorCodeio]

Thank you. Made my day. ♥️

[@simonshurety3870]

I agree 100%

[@prince5922]

Finally! Couldn't believe my eyes when I saw a new upload by colorCode. Had to look twice lol. The previous 10 videos of this series, definitely made me evolve to a whole different level and I simply can't wait for more. I hope we do get a video on event loop, would be a dream come true! Thank you for the great content Sina! :)

[@ColorCodeio]

haha awesome. Next episode in 2 weeks.

[@hasibur.rahman]

After 6 months of waiting. Please upload more often.

[@ColorCodeio]

Next video in 2 weeks

[@ThanujaFernando-vu5dh]

One of the best content creators I've seen

[@daniel7007]

Awesome🔥🔥🔥 Really looking forward for TypeScript

[@longingbydesign]

The production quality of your videos is simply outstanding. Well done, again! I still miss the sight of the window from your previous location though.

[@FarazKhan-yi3pv]

AMAZING EXLANATION!!

[@jatilyadav4000]

Great Explaination. More such video should be uploaded.

[@LordmkKING67]

Honestly, an amazing aproach to making an explanation video. With visual and real life examples. It is also a lot more memorable, then just looking at some code examples. Will deffinitely check out all the parts. Just wanted to say, GREAT JOB, awesome tutorial. Keep it up!

[@reluminopraha5948]

Well explained.

[@Wertasile]

Great Visuals!

[@Walid-Sahab]

waiting for more videos of this playlist. it looks that you put a lot of effort to make videos interesting so take your and make such a piece of art. We are waiting.

[@user-mw5bm2xh9x]

thanks for the lesson

[@adamtull1305]

Love this! Helps a lot

[@axmedaxmedov9456]

I follow you from Azerbaijan, there is no one who explains these topics as well as you

[@ColorCodeio]

Hello Azerbaijan 🇦🇿

[@davidtillery6250]

Great tutorial!

[@sh9vch9nk0]

Thank you for such a detailed video, it was really interesting and very helpful!) 😊💓💓

[@qpqp8542]

I've seen 2 of your videos and you are awesome, the production quality is just top notch(the editing, lighting, music, I just love it).

[@ColorCodeio]

Thanks, glad you like them!

[@burhanshah5855]

Thank you. Please continue this series.

[@ColorCodeio]

👍🤘

[@kazemqanati7120]

دمت گرم ، چقدر خوب توضیح میدی

[@wtl912]

You're simply awesome. Explanations, visuals and even your water breaks. This is fantastic.

[@ColorCodeio]

👍💦

[@tomhardy1856]

A much appreciated comeback :) fantastic channel

[@ColorCodeio]

👍

[@giusepperusso7193]

Complimenti dall'Italia, spiegazione semplicemente perfetta.

[@demiancoorey2394]

Superb explanation

[@aylanelson1012]

I like how the video gives a quick over view of the topic and than has a live coding component that can be done in parallel, great way to learn!

[@ColorCodeio]

Thank you

[@richardradcliffe6178]

Great video, thank you so much.

[@udaym4204]

This video is worth million of dollar

[@ColorCodeio]

💰💰

[@judonomi]

So happy to see you back!!!!!

[@ColorCodeio]

Thanks Judo. Good to be back :)

[@aminaabdulkadir5130]

Glad to see you again 🤩😍 Thank you

[@ColorCodeio]

Thank you. Glad to be back.

[@akshaychavan5511]

This channel is so incredible, yet so underrated! Love you

[@ColorCodeio]

Thanks so much

[@rameenana]

Your explanation was the easiest to grasp from the videos I've seen. Thanks for this, man. Appreciate your work.

[@antonchigurh4125]

You've got a gift for making the seemingly inexplicable, explicable! Subbed.

[@ColorCodeio]

Thank you 🙏

[@SilenceOfuniverse]

Honestly this helpful for mee❤❤❤

[@jitulborah_10]

the man who cleared majority of my js doubts❣️

[@ColorCodeio]

🙇‍♂️

[@raulnardone7062]

after watching this video I promise to watch the previous ones thank you very much 😀

[@isuru_xyz]

great teacher. keep going!

[@ColorCodeio]

Thank you!

[@Danny-wu5ct]

You are the man! I appreciate you and your content!

[@ColorCodeio]

And I appreciate you Danny!

[@richardmartyns7978]

Man u are a legend, I just found out your channel on KZbin and I love the way you are simplifying JavaScript.

[@ColorCodeio]

Welcome aboard!

[@meryemk.4884]

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

[@ColorCodeio]

Thanks Meryem

[@mickeymacke1780]

Yea this channel is bound to blow up, you are really good at this. Thank you for such engaging and informative videos‼

[@ColorCodeio]

Thanks Mickey

[@davideugene7911]

Bonjour, C'était vraiment excellent. Merci :)

[@azamataslidinov5513]

Bro finally I been having trouble with async for a while

[@genesipes8532]

You have no idea how excited I was to see a new upload and an 11th video to a 10 part series! My wife thinks I am a total nerd. Thank you, and please keep up the videos. So entertaining and informative.

[@ColorCodeio]

You and me both buddy. Nerds over here 🤘Love it and thanks for the support.

[@martinhansen9406]

You are honestly the best ive seen at explaining JS. ty for that

[@ColorCodeio]

Ty!

[@deepeshnair]

You are back!!! Thank you 🙏

[@ColorCodeio]

🤘

[@VerySoftTea]

Your tutorials are so good that I can't believe they're free to watch here on youtube. Thank you so much for making these. I'm a complete beginner and your videos get me to understand these topics much faster than any other resource I could find online.

[@ColorCodeio]

Glad to hear it. Good luck in your coding journey!

[@aballahsameh3597]

عظمة ❤️

[@kristijanlazarev]

Actualy perfect video for me, on my way to the promises video now thanks !!❤

[@ColorCodeio]

Nice!

[@mohammadlalani]

ممنون سینا جان. ویدیوهات خیلی به من کمک کرد.

[@ColorCodeio]

👍

[@HuyLe-he6je]

Thanks for the explanation! Hit the subscribed with the bell

[@ColorCodeio]

Awesome, thank you!

[@Oliver_twist00]

You are a great teacher and you calm me down when i feel like im in a hurrican like storm im ill prepared for, thank you. Please continue to do these videos!

[@ColorCodeio]

Thank you!♥️

[@Oliver_twist00]

@@ColorCodeio no sir thank you

[@nouhabc194]

this is the best video explaining the asynchronous in js ,thank you so much bro ❤

[@ColorCodeio]

♥️

[@Moinshaikh611]

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

[@creed_forever]

Beautiful representation

[@jakubfrei3757]

You deserve waaaaay more subs my dude, excelent content

[@ColorCodeio]

👍👍

[@sai1531]

The way you teach is absolutely wonderful! Waiting for your JavaScript Mastery course 🙂

[@ColorCodeio]

Very soon!

[@karlee8608]

Thank you sir for the clear explanation.

[@ColorCodeio]

You are welcome

[@tigranharutyunyan7674]

Great in-depth approach to teaching with humor. Thank you for the series of videos. Please keep recording new ones. May a series of algoriths❤

[@ColorCodeio]

Thank you!

[@mahmoudfarag1122]

very nice work

[@wissensbuff]

Omg Listen to that Banger at the Beginn give me shivers

[@codepearls]

After a long time! I have understood callback function.

[@ColorCodeio]

Nice!

[@W1nDs0R]

Amazing video, thanks so much for sharing! :)

[@ColorCodeio]

Thanks for watching!

[@JonnyReturns]

The way you matched the overlay with the perspective of the door in the background pleases me greatly.

[@ColorCodeio]

Good eye

[@MotorcyclesandZen]

Great explaination. Great video.

[@ColorCodeio]

🙏

[@Fred-my9er]

Thanks for making JavaScript a joy to learn!

[@ColorCodeio]

Fantastic to hear ♥️

[@samcassidy2441]

These videos are fantastic and I'm strangely hungry now

[@datsmydab-minecraft-and-mo5666]

So good!!!

[@AnnabelleWhite-js6rh]

This is my favorite coding channel!

[@ColorCodeio]

♥️

[@Gaagaagoogoo677]

watched all 10 videos in a day and loved the way you teach. not boring and put concepts in a easy to understand. please do more of JS basics and fundamentals. maybe a video regarding algorithms and data structure ( I know it's not JS necessarly) but maybe the thought process on how to breakdown problems...etc.

[@ColorCodeio]

Thanks! Glad you like material.

[@AsakuraAvan]

I really like your teaching style. Please create more conceptual videos like this for other technologies for frontend/backend/database.

[@ColorCodeio]

👍

[@hosseinabdolmotalebi4349]

dadash video hat kheyli keyfiatesh balast va kheyli khub tozih midi , damet garm

[@iambrijeshtoo]

Thank you!

[@elvispontes4165]

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

[@ivo_sa]

unbeliveable quality, i`m currently learning javaScript and wow your videos are so full of value and are soooooo good explained! Thank you! Greets from germany :)

[@ColorCodeio]

Hello Germany 🇩🇪

[@The.abiola]

First of all, I have to say you deserve more subscribers. your content is too rich. Your teaching method and video production is spot on! While watching I kept asking if there was a way I could like your video more than once 😅 Thanks for simplifying these concepts! 👏👏👏

[@yassiraittata3032]

the best explanation to this topic on the internet.

[@ColorCodeio]

♥️

[@CodeWithBehram7497]

the most entertaining video on async hats off🎉

[@ColorCodeio]

🙏

[@luci-goosey]

I love the way you teach and speak

[@ColorCodeio]

Thank you James

[@Sat-7]

Well well well, As always the first video pops out right after opening KZbin and no doubt everyone would have just watched as it's always super precised good quality content for the learners. Thanks for the video Sina....💌🇮🇳

[@ColorCodeio]

Thanks Sat :)

[@MusicOnWorldOff-kk2bx]

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.

[@ColorCodeio]

Tysm!

[@juanthoriqpahlev9875]

I really love ur videos how u saying things in a fun way, please do more about OOP, Function Programming, and other things that we need to understand using javascript

[@ColorCodeio]

Functional programming coming soon

[@tayseersabha6738]

Despite not being a beginner, I really liked the video and your teaching style! Keep going!

[@ColorCodeio]

Thank you 👍

[@mrSargi7]

So glad to see you back! Will there be any typescript videos in the future ?

[@ColorCodeio]

Possibly! I like to cover JavaScript fundamentals that would give everyone a stronger foundation but Typescript is definitely on my roadmap.

[@mrSargi7]

@@ColorCodeio good to hear that, can't wait to see TS content with your explanations. You really have a knack for explaining complex things as easy as possible!

[@JohnWick-hp8wn]

Very beautifully explained. blown away with the clean delivery and how much effort & love you put into it

[@ColorCodeio]

Thank you! Qoli says hi

[@daretobedangerous6552]

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

[@harshalnath4853]

this is so underated channel for learning javascript, this guys explains things precisely and with the logical reasons that can clearly visualize things in your head about this hard topics, love u man you doing great work

[@ColorCodeio]

Thank you ♥️

[@dhrubajyotibhattacharjee6609]

Came across this channel recently and I love the way I am learning. Sir, you are amazing. Thanks! In the spirit of the video, going off the main route for a tiny bit, I would like to ask... how do you change the font family in the dev tools on a browser (Chrome, MS Edge or Firefox)? Would anyone like to wait a little to answer this query?

[@eumm11]

you are the best!

[@andresbc2344]

Excellent example. I finally got callbacks!

[@ColorCodeio]

Nice!

[@elyoaprogrammer]

Excellent video, Excellent content, Excellent series overall, I would like a video about event loop detailed. Thanks a lot for this contents.

[@ColorCodeio]

Thanks for the idea!

[@udaym4204]

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

[@ColorCodeio]

Thank you, I will

[@udaym4204]

@@ColorCodeio brother please start making video in depth how js work behind the scence .

[@albertosacco4472]

Thanks bro, superb teaching skills 🪐

[@ColorCodeio]

Thank you!

[@JeatBunkie]

Most underrated channel for Javascript. Seriously your videos are so good, you will probably blow up if you can stay consistent. Either way, thank you brother. p.s. I am also a big Sade fan lol

[@ColorCodeio]

Haha nice! First person to notice Sade.

[@kooyaw4445]

Awesome brother

[@ColorCodeio]

✌️

[@UndercoverMCResspect]

Excellent video, i've been following you from the beginning and i can pretty much say that you made me understand the basic concepts of java script quite easily. From a person who had 0 knowledge in programming, to having completed several courses from Udemy, I can say that you have the best method and way of teaching for a beginner. Keep up the good work.

[@ColorCodeio]

That's awesome, so good to hear! 👍

[@user-qe6km5px4v]

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