Asynchronous Vs Synchronous Programming

Asynchronous code can be incredibly confusing and frustrating for anyone learning programming. In this video I will explain what asynchronous and synchronous code talk about their differences through the use of multiple examples.
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#JavaScript #WebDevelopment #Programming

[@nathalierautell5259]

I love that you are straight to the point with a clear and short explanation. It makes things a lot easier. Appreciated! 🤩

[@vegeta4614]

u just want him to blow your back out

[@gokulnaathb2627]

Yes😀

[@srikanthathikari9995]

100% crystal clear explanation. I was looking at videos that are lengthy, I could not get my head around them. Really liked the way you explained async with then example. Thanks tons.

[@SiRexable]

Nice explanation, but just to add even if you put setTimeOut 0ms it will still excecute last after all synchronus code is done and stack is empty. Thats because async funtions appear on the stack at call time and are immediately pushed off and added to webapis stack where count down begins and since its 0 so the callback of setTimeout gets immediately it gets pushed to task queue ( not call stack ), where spinning event loop is gonna pop this callback function on the main stack once its empty. So even if you have 5 set time outs with 0 ms and 1 console log at the end set timeouts gonna run after console.log because as i mentioned above async functions are pushed back on stack only after main stack is empty

[@thucle4122]

lucid explanation, thanks man

[@richardwalters9249]

seems that, if you get things confused, you can replace synchronous with the word "sequential"execution ... and asynchronous with "parallel" execution. Which type blocks will also become clear as well.

[@GerardBeaubrun]

My good sir, that's such a great way to summarize it

[@JasonEdokpa]

@@GerardBeaubrun Not quite. JavaScript isn't parallel as it is runs as a single threaded process. For asynchronous functions is uses an event loop.

[@abdelalimchicha7189]

@@JasonEdokpa exactly

[@rl6382]

​@@JasonEdokpa smart man

[@saritadas7716]

every single video from your channel clears so many concepts in my head, i cant even start to tell you..thank you so much from the core of my heart

[@billynovrando9383]

"Not every single function that takes an argument is asynchronous, but in general, most function that takes function argument are going to be asynchronous" Thank you, this line clears things for me. Much appreciated

[@jthomasaurus]

Always a great resource for me, short and full of relevant info. Plus I like the clicky keyboard sounds. Awesome video, yet again! Thanks, Kyle!

[@raaghavendrahm4883]

I totally agree. Especially the clicky keyboard part!

[@queenscript]

Wow, as someone who feels more intermediate than total beginner, I felt that you really validated my learning curve. Thank you!

[@luisacavalcanti3665]

Keep it simple and objective just as you are. You clarify the web dev in a way its much easier to learn. For a non native english speaker, your chanel is one of my favorite learning resource. Thank you very much and my best reggards from Brazil. (:

[@adarshnayak6803]

Your videos are straight to the point and that just amazing. Thank you for making them.

[@thulaparks2848]

Love all of your videos! You make everything so easy to understand! Thank you!!

[@shanibburney8290]

Thanks alot. I have learned promises callbacks and async await but still I was confused between async and sync terms. Your example completely cleared all concepts async JS.

[@jarryingnaut]

You have explained the concept so well! Thank you : )

[@garyclayton6955]

Thank you for getting to the point, and explaining this concept in clearest possible terms.

[@kimkim-bm8he]

you are the best youtube web dev creator. Love the show. My tip is that instead of having to type console.log() each time. Just type log and vscode will auto complete the code for you. THanks for the video

[@hozay6552]

Short and helpful, thank you very much! =]

[@WebDevSimplified]

You're welcome!

[@evergreen7781]

I am a big big fan of your short & crisp concept clearing videos 🧡🧡🧡

[@PlayinWithGhosts]

Such a simple and effective way to explain this. 🤙🏻🖤

[@juanandrescastillofuenmayo6619]

Killer explanation, you made some stuff clearer for me in no time.

[@BadalKumar-pi7ud]

Spot On. The way you explained everything so easily. it is appreciable.

[@pds7890]

I searched and searched, nothing helped me...and on top of that, those things made me confused :(, but you just made it soo easy for me!!!! Thank you! subbed!

[@parmeetsingh6981]

Thanks, your clear explanation helped me understand this concept better. :)

[@MauriceLacerda0]

This was very helpful Kyle, thank you!

[@technosoid2821]

Thank you so much, This tutorial helped me a lot to get the concept clear.

[@hasithasubhashana9606]

Whaaat, didnot know of this before your video. Thank you very much for sharing this

[@contentsofjoy]

Wow very straight to the point.... Awesome! Double thumbs up

[@johansymg]

Awesome! Thanks for this video.. You have explained the concepts very well

[@AmitKumar-ix3kq]

Simple , Short , Concise. Thank You.

[@abcdefg2981]

the best explaination of the async feature in js ever

[@camilaaguileras7672]

It took me watching 4 videos until I found this one. It was perfect!

[@soniachh123]

pretty clear and straightforward explanation ..... Thanks !!

[@Ari-pq4db]

Thank You sir , You have cleared the doubts that were blowing my head ❤

[@muhammadjunaid3684]

Dude, you just gave the best start to learn more about Async Programming. btw, whats your VS code theme, font, setup...

[@mike_vahemoubayed8099]

Wooooow I couldn’t understand the difference between synchronous and asynchronous code until a I watched his video thank you!

[@lholhofox]

thank you brother!! very well explained!! keep it coming!!

[@divyanshukumar813]

Nice explanation. Simple and clear!!

[@ForDreams14]

Thank you ! Learned a lot in just 7 minutes !

[@rohitkudalkar92]

thanks, bro you have clear this concept abut sync and async with nice example

[@WebDevSimplified]

I'm glad I could help

[@mosesegboh]

The best in explaining stuff.......big ups man

[@koluboyinavaraprasad32]

I love your keyboard sound whenever you typed which makes me motivated.

[@Pareshbpatel]

Short, clear video on Async Programming. Thanks. {2021-07-20}

[@alexandercuartas830]

Thanks a lot, I really tapped into the concept

[@sajjadabouei6721]

very clear explanation, good examples thank you man 👌👌👌

[@rajeshrathore3751]

Thank you it's really helpful for me.

[@WebDevSimplified]

You're welcome!

[@harshgupta2283]

excellent video mate! Really helpful!

[@anilsuyal]

Thanks sir. It was really simple explanation!

[@luisvaldez9545]

Great video man! You helped a lot.

[@solomon2291]

Thank you man ! That was very helpful

[@Sachinkry]

Explained wonderfully 🙏

[@useruser-bv1ej]

Thanks, The first video that helped me!

[@sidlife365]

Well explained! Best I have seen.

[@hembhagat742]

Very good explanation of the concept.

[@kakao3088]

Thanks for the video, i can get more understanding about async js 👍

[@johnrafaellim3200]

Very straightforward explanation thank you and godbless you.

[@mitch7w]

Thank you! This makes a lot of sense

[@gokulnaathb2627]

Thank you so much, this was helpful

[@abderahmaneaoufi]

Thank you i love the way you explain things .

[@yasharkavoosian5169]

Thanks I got a clear understanding about asynchronous programing :-)

[@asimadam6224]

Very straightforward I wonder why they're not just teaching like that in schools

[@ritikpal9835]

Thank you very much it was concise and helpful

[@MrBabadude]

Thank you. Good video, very clear.

[@himbary]

Love your newsletter

[@WebDevSimplified]

Thank you!

[@greenstreet704]

great explanation. thanks!!

[@kenrosenberg8835]

Alas! I found one great example of what Async really is.

[@taissernakour6289]

Awesome explanation!!!!

[@moizkhalid2714]

Your videos are so ... I am lost the words wonderful.

[@bishbish9111]

Great explanetion, thanks.

[@niki6399]

thank you for this great explanation

[@pamintuanjohnjosuahm.2492]

Thank you, Kyle!

[@dudeimadolphin4318]

thanks man i was always confused about that

[@WebDevSimplified]

No problem. I'm glad I could help.

[@piyushaggarwal5207]

thanks for the video Kyle

[@aqifsariman]

This helped a lot. Thanks a lot!!!

[@rafaelbertelli89]

Great video, great concepts!

[@WebDevSimplified]

Thanks! I'm glad you enjoyed it.

[@adwaitmathkari]

Hi, Can you make a video on how javascript works while executing the code internally? Thanks a lot! And amazing videos thank you!!

[@stephentsang9194]

great video. I am more confused about scope within the Async function. can you assign a value to global variables within an Async function. for some reasons, I cannot seem to get that to work

[@nguyentranconghuy6965]

nicely done, thank you!

[@guzel7]

Wow! Thanks 💙 You gained a sub

[@soumyadipmajumder3450]

Very well explained

[@indikarange2495]

Very good explanation

[@bullz3718]

Brilliantly explained!

[@syedarmaghanhassan4652]

Hey Kail. At 6:33, I think what you were trying to say was: Every asynchronous function takes a function argument, but not every function that does so is asynchronous. You actually said the second part in two ways. Can you please tell us more about promise and fetch functions: I really did not get it with this video. Thanks !

[@zathkal4004]

A promise operates in an async manner by default thereby it wait till all the data is fetched in the .then function.... Its similar to using async and await in a fetch method (typical synthetic sugar)

[@saiakhil1997]

Thank you for the explanation

[@navekeinan]

Very good explaination

[@stith_pragya]

Thank You So Much Brother.......🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

[@balaganesh3440]

Short and sweet!💯

[@RedEyedJedi]

Asynchronous code won't execute until the call stack is empty. So you you set a setTimeout function to run with 1ms but then called a function that did a lot of work, the code inside the setTimeout function won't run until the other function was popped off the call stack even though more than 1ms would have already passed. Technically JavaScript is a synchronous language with only 1 thread but it has some clever ways of emulating multi-threaded programming.

[@jeffcarey4285]

Even if you make it 0ms what you said is true

[@adityaretissin1856]

I’ve noticed a guitar in the background in your videos. Did you make the intro riff :P

[@keassa9486]

Thank you for making my life easier 🤩

[@aushafy]

Helpful and very very clear

[@willgale7187]

awesome explanation

[@galihhad]

Thank you ive been confused

[@consumeentertainment9310]

This is how good teachers teach. Thanks a lot

[@mrblackc1459]

Very cool, Do make a complete vedio on nodejs

[@shaunpeh6995]

Given the scenario mentioned in the video, how can we get a =1 instead of a becoming 10 for an async operation?

[@mortenlund1418]

Thanks for a great video.

[@paranjay4776]

well explained👍👍

[@ThePassportPapi]

very good explanation

[@Richard.halabi]

thanks for the concept you know to explain thanks.

[@habibiSD]

Great work man.

[@raakesh401]

clear and concise