Async JavaScript & Callback Functions -- Tutorial for Beginners

Sdílet
Vložit
  • čas přidán 1. 06. 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

Komentáře • 363

  • @ColorCodeio
    @ColorCodeio  Před rokem +35

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

    • @techbro3085
      @techbro3085 Před rokem +1

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

    • @prjk7339
      @prjk7339 Před 9 měsíci

      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
      @charlilyyyy Před 5 měsíci

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

  • @mkdr01
    @mkdr01 Před 16 dny +3

    How you don't have a million subs is beyond me. Top notch explanations.

  • @codeforbreakfast
    @codeforbreakfast Před 6 měsíci +6

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

    • @ColorCodeio
      @ColorCodeio  Před 6 měsíci +1

      Thanks :) every subscriber matters to me

  • @oleksandrfomin326
    @oleksandrfomin326 Před rokem +67

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

  • @hasibur.rahman
    @hasibur.rahman Před rokem +13

    After 6 months of waiting. Please upload more often.

  • @prince5922
    @prince5922 Před rokem +41

    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
      @ColorCodeio  Před rokem +9

      haha awesome. Next episode in 2 weeks.

  • @pedrolelis7854
    @pedrolelis7854 Před rokem +28

    I want you to know that you are one of the best when it comes to teaching programming skills on CZcams. 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!

  • @jitulborah_10
    @jitulborah_10 Před rokem +9

    the man who cleared majority of my js doubts❣️

  • @LordmkKING67
    @LordmkKING67 Před rokem +1

    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!

  • @qpqp8542
    @qpqp8542 Před 11 měsíci +3

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

  • @genesipes8532
    @genesipes8532 Před rokem +6

    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
      @ColorCodeio  Před rokem +2

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

  • @antonchigurh4125
    @antonchigurh4125 Před rokem +5

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

  • @wtl912
    @wtl912 Před rokem +4

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

  • @aylanelson1012
    @aylanelson1012 Před rokem +2

    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!

  • @Mtoun974
    @Mtoun974 Před 8 měsíci

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

  • @akshaychavan5511
    @akshaychavan5511 Před 6 měsíci +2

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

  • @rameenana
    @rameenana Před měsícem

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

  • @VerySoftTea
    @VerySoftTea Před rokem +2

    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
      @ColorCodeio  Před rokem

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

  • @AsakuraAvan
    @AsakuraAvan Před rokem +9

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

  • @daniel7007
    @daniel7007 Před rokem +2

    Awesome🔥🔥🔥 Really looking forward for TypeScript

  • @meryemk.4884
    @meryemk.4884 Před 9 měsíci +1

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

  • @martinhansen9406
    @martinhansen9406 Před 5 měsíci +2

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

  • @burhanshah5855
    @burhanshah5855 Před rokem +1

    Thank you. Please continue this series.

  • @JonnyReturns
    @JonnyReturns Před rokem +1

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

  • @axmedaxmedov9456
    @axmedaxmedov9456 Před rokem +2

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

  • @mickeymacke1780
    @mickeymacke1780 Před rokem +1

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

  • @richardmartyns7978
    @richardmartyns7978 Před 10 měsíci +1

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

  • @Oliver_twist00
    @Oliver_twist00 Před 11 měsíci +1

    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!

  • @MusicOnWorldOff-kk2bx
    @MusicOnWorldOff-kk2bx Před 8 měsíci +2

    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.

  • @ivo_sa
    @ivo_sa Před 3 měsíci +2

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

  • @tigranharutyunyan7674
    @tigranharutyunyan7674 Před rokem +1

    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❤

  • @tomhardy1856
    @tomhardy1856 Před rokem +1

    A much appreciated comeback :) fantastic channel

  • @sai1531
    @sai1531 Před 5 měsíci +1

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

  • @judonomi
    @judonomi Před rokem +1

    So happy to see you back!!!!!

  • @jatilyadav4000
    @jatilyadav4000 Před rokem +1

    Great Explaination. More such video should be uploaded.

  • @richardradcliffe6178
    @richardradcliffe6178 Před rokem +1

    Great video, thank you so much.

  • @longingbydesign
    @longingbydesign Před rokem

    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.

  • @MotorcyclesandZen
    @MotorcyclesandZen Před 4 měsíci +1

    Great explaination. Great video.

  • @ThanujaFernando-vu5dh
    @ThanujaFernando-vu5dh Před 9 měsíci

    One of the best content creators I've seen

  • @adamtull1305
    @adamtull1305 Před rokem

    Love this! Helps a lot

  • @deepeshnair
    @deepeshnair Před rokem +1

    You are back!!! Thank you 🙏

  • @Gaagaagoogoo677
    @Gaagaagoogoo677 Před rokem +1

    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.

  • @harshalnath4853
    @harshalnath4853 Před 11 měsíci +2

    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

  • @mohammadlalani
    @mohammadlalani Před 11 měsíci +1

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

  • @davidtillery6250
    @davidtillery6250 Před měsícem

    Great tutorial!

  • @kristijanlazarev
    @kristijanlazarev Před 11 měsíci +1

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

  • @nouhabc194
    @nouhabc194 Před rokem +1

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

  • @aminaabdulkadir5130
    @aminaabdulkadir5130 Před rokem +1

    Glad to see you again 🤩😍 Thank you

  • @UndercoverMCResspect
    @UndercoverMCResspect Před rokem +2

    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
      @ColorCodeio  Před rokem +1

      That's awesome, so good to hear! 👍

  • @Walid-Sahab
    @Walid-Sahab Před rokem +1

    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.

  • @Moinshaikh611
    @Moinshaikh611 Před 9 měsíci +1

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

  • @W1nDs0R
    @W1nDs0R Před rokem +2

    Amazing video, thanks so much for sharing! :)

  • @reluminopraha5948
    @reluminopraha5948 Před 10 měsíci +1

    Well explained.

  • @Danny-wu5ct
    @Danny-wu5ct Před rokem +1

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

  • @udaym4204
    @udaym4204 Před 10 měsíci +2

    This video is worth million of dollar

  • @kazemqanati7120
    @kazemqanati7120 Před 6 měsíci

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

  • @demiancoorey2394
    @demiancoorey2394 Před 7 měsíci

    Superb explanation

  • @JeatBunkie
    @JeatBunkie Před rokem +3

    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
      @ColorCodeio  Před rokem +2

      Haha nice! First person to notice Sade.

  • @tayseersabha6738
    @tayseersabha6738 Před rokem +1

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

  • @Sat-7
    @Sat-7 Před rokem +1

    Well well well, As always the first video pops out right after opening CZcams 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....💌🇮🇳

  • @karlee8608
    @karlee8608 Před rokem +1

    Thank you sir for the clear explanation.

  • @mrSargi7
    @mrSargi7 Před rokem +1

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

    • @ColorCodeio
      @ColorCodeio  Před rokem +3

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

    • @mrSargi7
      @mrSargi7 Před rokem

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

  • @malavipande6693
    @malavipande6693 Před 11 měsíci +1

    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 !! .-_-.

  • @yassiraittata3032
    @yassiraittata3032 Před 5 měsíci +1

    the best explanation to this topic on the internet.

  • @isuru_xyz
    @isuru_xyz Před 9 měsíci +1

    great teacher. keep going!

  • @sh9vch9nk0
    @sh9vch9nk0 Před 4 měsíci

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

  • @AnnabelleWhite-js6rh
    @AnnabelleWhite-js6rh Před 7 měsíci +1

    This is my favorite coding channel!

  • @user-mw5bm2xh9x
    @user-mw5bm2xh9x Před 7 měsíci +1

    thanks for the lesson

  • @jakubfrei3757
    @jakubfrei3757 Před rokem +1

    You deserve waaaaay more subs my dude, excelent content

  • @hosseinabdolmotalebi4349
    @hosseinabdolmotalebi4349 Před měsícem

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

  • @juanthoriqpahlev9875
    @juanthoriqpahlev9875 Před 5 měsíci +1

    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
      @ColorCodeio  Před 5 měsíci +1

      Functional programming coming soon

  • @JohnWick-hp8wn
    @JohnWick-hp8wn Před 3 měsíci +1

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

  • @codepearls
    @codepearls Před 10 měsíci +1

    After a long time! I have understood callback function.

  • @FarazKhan-yi3pv
    @FarazKhan-yi3pv Před rokem

    AMAZING EXLANATION!!

  • @Fred-my9er
    @Fred-my9er Před rokem

    Thanks for making JavaScript a joy to learn!

  • @mahmoudfarag1122
    @mahmoudfarag1122 Před rokem

    very nice work

  • @Wertasile
    @Wertasile Před 9 měsíci

    Great Visuals!

  • @CodeWithBehram7497
    @CodeWithBehram7497 Před 7 měsíci +1

    the most entertaining video on async hats off🎉

  • @davideugene7911
    @davideugene7911 Před rokem +1

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

  • @giusepperusso7193
    @giusepperusso7193 Před rokem

    Complimenti dall'Italia, spiegazione semplicemente perfetta.

  • @HuyLe-he6je
    @HuyLe-he6je Před 6 měsíci +1

    Thanks for the explanation! Hit the subscribed with the bell

  • @The.abiola
    @The.abiola Před 2 měsíci

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

  • @wissensbuff
    @wissensbuff Před měsícem

    Omg Listen to that Banger at the Beginn give me shivers

  • @SilenceOfuniverse
    @SilenceOfuniverse Před 3 měsíci

    Honestly this helpful for mee❤❤❤

  • @kooyaw4445
    @kooyaw4445 Před 4 měsíci +1

    Awesome brother

  • @creed_forever
    @creed_forever Před měsícem

    Beautiful representation

  • @njorogekamau3820
    @njorogekamau3820 Před 4 měsíci +1

    The clean production quality seems to match your clear thinking which is apparent in your explanations.

  • @andresbc2344
    @andresbc2344 Před rokem +1

    Excellent example. I finally got callbacks!

  • @raulnardone7062
    @raulnardone7062 Před rokem

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

  • @azamataslidinov5513
    @azamataslidinov5513 Před rokem +1

    Bro finally I been having trouble with async for a while

  • @samcassidy2441
    @samcassidy2441 Před 4 měsíci

    These videos are fantastic and I'm strangely hungry now

  • @datsmydab-minecraft-and-mo5666

    So good!!!

  • @udaym4204
    @udaym4204 Před 10 měsíci +2

    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
      @ColorCodeio  Před 10 měsíci +1

      Thank you, I will

    • @udaym4204
      @udaym4204 Před 3 měsíci

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

  • @SiRexable
    @SiRexable Před rokem +1

    thanks for sharing this !!!!

  • @avigarg7859
    @avigarg7859 Před 11 měsíci +1

    to the browser: Loved the enthusiasm. Incredible video

  • @daretobedangerous6552
    @daretobedangerous6552 Před 10 měsíci +1

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

  • @luci-goosey
    @luci-goosey Před rokem +1

    I love the way you teach and speak

  • @dushyantyadav7740
    @dushyantyadav7740 Před rokem +1

    Tomorrow is my Javascript Quiz and this playlist saved me

  • @elyoaprogrammer
    @elyoaprogrammer Před rokem +1

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

  • @hamidrasyid1560
    @hamidrasyid1560 Před rokem +1

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