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

[@oleksandrfomin326]

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

[@ColorCodeio]

Thank you

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

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

[@udaym4204]

This video is worth million of dollar

[@ColorCodeio]

💰💰

[@Mtoun974]

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

[@rameenana]

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

[@axmedaxmedov9456]

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

[@ColorCodeio]

Hello Azerbaijan 🇦🇿

[@ThanujaFernando-vu5dh]

One of the best content creators I've seen

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

[@jitulborah_10]

the man who cleared majority of my js doubts❣️

[@ColorCodeio]

🙇‍♂️

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

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

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

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

[@jatilyadav4000]

Great Explaination. More such video should be uploaded.

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

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

[@wtl912]

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

[@ColorCodeio]

👍💦

[@burhanshah5855]

Thank you. Please continue this series.

[@ColorCodeio]

👍🤘

[@Wertasile]

Great Visuals!

[@antonchigurh4125]

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

[@ColorCodeio]

Thank you 🙏

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

[@judonomi]

So happy to see you back!!!!!

[@ColorCodeio]

Thanks Judo. Good to be back :)

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

[@adamtull1305]

Love this! Helps a lot

[@azamataslidinov5513]

Bro finally I been having trouble with async for a while

[@FarazKhan-yi3pv]

AMAZING EXLANATION!!

[@raulnardone7062]

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

[@AsakuraAvan]

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

[@ColorCodeio]

👍

[@Moinshaikh611]

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

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

[@giusepperusso7193]

Complimenti dall'Italia, spiegazione semplicemente perfetta.

[@tomhardy1856]

A much appreciated comeback :) fantastic channel

[@ColorCodeio]

👍

[@akshaychavan5511]

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

[@ColorCodeio]

Thanks so much

[@deepeshnair]

You are back!!! Thank you 🙏

[@ColorCodeio]

🤘

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

[@richardradcliffe6178]

Great video, thank you so much.

[@davideugene7911]

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

[@isuru_xyz]

great teacher. keep going!

[@ColorCodeio]

Thank you!

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

[@JonnyReturns]

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

[@ColorCodeio]

Good eye

[@martinhansen9406]

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

[@ColorCodeio]

Ty!

[@sh9vch9nk0]

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

[@aminaabdulkadir5130]

Glad to see you again 🤩😍 Thank you

[@ColorCodeio]

Thank you. Glad to be back.

[@Danny-wu5ct]

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

[@ColorCodeio]

And I appreciate you Danny!

[@wissensbuff]

Omg Listen to that Banger at the Beginn give me shivers

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

[@reluminopraha5948]

Well explained.

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

[@aballahsameh3597]

عظمة ❤️

[@kristijanlazarev]

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

[@ColorCodeio]

Nice!

[@user-mw5bm2xh9x]

thanks for the lesson

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

[@nouhabc194]

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

[@ColorCodeio]

♥️

[@davidtillery6250]

Great tutorial!

[@codepearls]

After a long time! I have understood callback function.

[@ColorCodeio]

Nice!

[@hosseinabdolmotalebi4349]

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

[@samcassidy2441]

These videos are fantastic and I'm strangely hungry now

[@sai1531]

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

[@ColorCodeio]

Very soon!

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

[@kazemqanati7120]

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

[@Fred-my9er]

Thanks for making JavaScript a joy to learn!

[@ColorCodeio]

Fantastic to hear ♥️

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

[@demiancoorey2394]

Superb explanation

[@yassiraittata3032]

the best explanation to this topic on the internet.

[@ColorCodeio]

♥️

[@jakubfrei3757]

You deserve waaaaay more subs my dude, excelent content

[@ColorCodeio]

👍👍

[@datsmydab-minecraft-and-mo5666]

So good!!!

[@karlee8608]

Thank you sir for the clear explanation.

[@ColorCodeio]

You are welcome

[@W1nDs0R]

Amazing video, thanks so much for sharing! :)

[@ColorCodeio]

Thanks for watching!

[@SilenceOfuniverse]

Honestly this helpful for mee❤❤❤

[@AnnabelleWhite-js6rh]

This is my favorite coding channel!

[@ColorCodeio]

♥️

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

[@mohammadlalani]

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

[@ColorCodeio]

👍

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

[@CodeWithBehram7497]

the most entertaining video on async hats off🎉

[@ColorCodeio]

🙏

[@tayseersabha6738]

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

[@ColorCodeio]

Thank you 👍

[@iambrijeshtoo]

Thank you!

[@luci-goosey]

I love the way you teach and speak

[@ColorCodeio]

Thank you James

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

[@eumm11]

you are the best!

[@HuyLe-he6je]

Thanks for the explanation! Hit the subscribed with the bell

[@ColorCodeio]

Awesome, thank you!

[@MotorcyclesandZen]

Great explaination. Great video.

[@ColorCodeio]

🙏

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

[@elvispontes4165]

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

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

[@mahmoudfarag1122]

very nice work

[@dushyantyadav7740]

Tomorrow is my Javascript Quiz and this playlist saved me

[@ColorCodeio]

Nice. Good luck!

[@albertosacco4472]

Thanks bro, superb teaching skills 🪐

[@ColorCodeio]

Thank you!

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

[@malavipande6693]

Literally from the past 3 hours I am searching on the internet to understand the way how the weird concepts(async, promises, await) of JS works in practical. But finally I say that worth searching I came across this amazing content. Thank You man !! .-_-.

[@ColorCodeio]

You got it!

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

[@andresbc2344]

Excellent example. I finally got callbacks!

[@ColorCodeio]

Nice!

[@creed_forever]

Beautiful representation

[@SiRexable]

thanks for sharing this !!!!

[@ColorCodeio]

👍

[@avigarg7859]

to the browser: Loved the enthusiasm. Incredible video

[@ColorCodeio]

TO THE BROWSER!

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

[@InvestWiseCoKr]

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

[@ColorCodeio]

Thanks for saying that