Async JavaScript & Callback Functions -- Tutorial for Beginners
HTML-код
- Опубликовано: 31 май 2024
- 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
🎉👨🏻💻Episode 11: Asynchronous JavaScript, Callback Functions, and Callback Hell 😈
Very Nice video. And glad to hear that you are asynchronously work on this series and js mystery course 😄.
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()))
@@prjk7339because if he already defined the function u can do it, he just showing the flow if you just call thing1()
How you don't have a million subs is beyond me. Top notch explanations.
Bro what?? 62k subs for this guy, I was watching the video with thought that this some million subs channel bro... THE QUALITY
Thanks :) every subscriber matters to me
Production quality is incredible as well as the content itself. Great job!
Thank you
After 6 months of waiting. Please upload more often.
Next video in 2 weeks
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! :)
haha awesome. Next episode in 2 weeks.
the man who cleared majority of my js doubts❣️
🙇♂️
I want you to know that you are one of the best when it comes to teaching programming skills on RUclips. 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!
Thank you. Made my day. ♥️
I agree 100%
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!
Your explanation was the easiest to grasp from the videos I've seen. Thanks for this, man. Appreciate your work.
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).
Thanks, glad you like them!
I'm glad that RUclips recommend me this episode, thanks color-code
I follow you from Azerbaijan, there is no one who explains these topics as well as you
Hello Azerbaijan 🇦🇿
You're simply awesome. Explanations, visuals and even your water breaks. This is fantastic.
👍💦
This channel is so incredible, yet so underrated! Love you
Thanks so much
I really like your teaching style. Please create more conceptual videos like this for other technologies for frontend/backend/database.
👍
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!
Thank you
You've got a gift for making the seemingly inexplicable, explicable! Subbed.
Thank you 🙏
One of the best content creators I've seen
Awesome🔥🔥🔥 Really looking forward for TypeScript
The way you matched the overlay with the perspective of the door in the background pleases me greatly.
Good eye
You are honestly the best ive seen at explaining JS. ty for that
Ty!
You're one of the best at teaching and explaining code!! Truly complex subjects explained to easily. Very glad I found your channel
Thanks Meryem
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.
You and me both buddy. Nerds over here 🤘Love it and thanks for the support.
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.
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!
Thank you!♥️
@@ColorCodeio no sir thank you
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
Thank you ♥️
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.
Glad to hear it. Good luck in your coding journey!
Man u are a legend, I just found out your channel on RUclips and I love the way you are simplifying JavaScript.
Welcome aboard!
Yea this channel is bound to blow up, you are really good at this. Thank you for such engaging and informative videos‼
Thanks Mickey
Great Explaination. More such video should be uploaded.
So happy to see you back!!!!!
Thanks Judo. Good to be back :)
Thank you. Please continue this series.
👍🤘
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❤
Thank you!
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 :)
Hello Germany 🇩🇪
A much appreciated comeback :) fantastic channel
👍
Great tutorial!
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.
Tysm!
Superb explanation
this is the best video explaining the asynchronous in js ,thank you so much bro ❤
♥️
Well explained.
thanks for the lesson
The way you teach is absolutely wonderful! Waiting for your JavaScript Mastery course 🙂
Very soon!
Thank you sir for the clear explanation.
You are welcome
Love this! Helps a lot
Complimenti dall'Italia, spiegazione semplicemente perfetta.
You are back!!! Thank you 🙏
🤘
🎉🎉🎉
Keep going brother
Your teaching is very insightful
Very detailed informative
Thankyou so much ❤
Actualy perfect video for me, on my way to the promises video now thanks !!❤
Nice!
Great video, thank you so much.
After a long time! I have understood callback function.
Nice!
Glad to see you again 🤩😍 Thank you
Thank you. Glad to be back.
Great explaination. Great video.
🙏
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.
Thanks! Glad you like material.
You are the man!
I appreciate you and your content!
And I appreciate you Danny!
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.
That's awesome, so good to hear! 👍
eventlistener is synchronous by it self, it's the logic inside the call back that may make it asynchronous. Apart from, that brilliant!
This video is worth million of dollar
💰💰
Despite not being a beginner, I really liked the video and your teaching style! Keep going!
Thank you 👍
Very beautifully explained. blown away with the clean delivery and how much effort & love you put into it
Thank you! Qoli says hi
دمت گرم ، چقدر خوب توضیح میدی
Well well well, As always the first video pops out right after opening RUclips 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....💌🇮🇳
Thanks Sat :)
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.
Omg Listen to that Banger at the Beginn give me shivers
ممنون سینا جان. ویدیوهات خیلی به من کمک کرد.
👍
Beautiful representation
AMAZING EXLANATION!!
the best explanation to this topic on the internet.
♥️
You deserve waaaaay more subs my dude, excelent content
👍👍
Amazing video, thanks so much for sharing! :)
Thanks for watching!
This is my favorite coding channel!
♥️
the most entertaining video on async hats off🎉
🙏
Great Visuals!
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 !! .-_-.
You got it!
Honestly this helpful for mee❤❤❤
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
Thank you, I will
@@ColorCodeio brother please start making video in depth how js work behind the scence .
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
Functional programming coming soon
The clean production quality seems to match your clear thinking which is apparent in your explanations.
Thank you!
very nice work
I love the way you teach and speak
Thank you James
Bonjour,
C'était vraiment excellent. Merci :)
great teacher. keep going!
Thank you!
Thank you!
Thanks for making JavaScript a joy to learn!
Fantastic to hear ♥️
Thank you for such a detailed video, it was really interesting and very helpful!) 😊💓💓
So glad to see you back! Will there be any typescript videos in the future ?
Possibly! I like to cover JavaScript fundamentals that would give everyone a stronger foundation but Typescript is definitely on my roadmap.
@@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!
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
Haha nice! First person to notice Sade.
dadash video hat kheyli keyfiatesh balast va kheyli khub tozih midi , damet garm
Thanks for the explanation! Hit the subscribed with the bell
Awesome, thank you!
Tomorrow is my Javascript Quiz and this playlist saved me
Nice. Good luck!
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! 👏👏👏
wow, I'm watching here while I'm ordering pizza and not waiting the pizza because I'm doing asynchronous function watch your video.. Now, I'm understand.. great explanation and love your content from beginning of this series..
Awesome!
Bro finally I been having trouble with async for a while
Excellent example. I finally got callbacks!
Nice!
to the browser: Loved the enthusiasm. Incredible video
TO THE BROWSER!
So good!!!
this guy has a million-dollar-worth knack for teaching
Thanks for saying that
after watching this video I promise to watch the previous ones
thank you very much 😀
Awesome brother
✌️
Excellent video, Excellent content, Excellent series overall, I would like a video about event loop detailed. Thanks a lot for this contents.
Thanks for the idea!