#3 JavaScript Loading Strategies (async and defer) | JavaScript Full Tutorial

🙂SUBSCRIBE - hit the bell 🔔and choose all: goo.gl/nYLZvz
In this lesson we’re going to learn all about JavaScript loading strategies, with specific attention paid to the async and defer attributes.
------------------
👍 HTML FULL TUTORIAL: shorturl.at/fiCMV
👍 CSS FULL TUTORIAL: shorturl.at/clGSZ
------------------
FACEBOOK: / devdreamercode
TWITTER: / devdreamercode
SUBSCRIBE and hit the BELL NOTIFICATION 🔔: goo.gl/nYLZvz
------------------
Learn with Dev Dreamer! Step by step and simple to understand :-)

[@sekarvasu]

I saw lot of tutorials but your ones so much understandable than any others.. Thank you so much for wonderful contents.. keep posting New videos bro..

[@user-cy3kn7zx1l]

awesome visual representation that explains this process!!!

[@DevDreamer]

Hi Nghia, thank you! Really glad it helped 🙂👍

[@sanjibdey01]

This loading strategy is so elemental. Thanks for such a plain explanation.
Instant sub!!!

[@aritrapaul5145]

The night theme is soothing to the eyes...and so do these pure masterpiece lessons !!.... Keep up the great work champ.... :) God bless you

[@DevDreamer]

Thank you so much, Yh agreed night theme is so much better 😃👍

[@themussseee]

you're css course really helped me i'm looking forward to my js journey with you

[@a10gamerr]

Thanks a lot. The visual representation made it easier to understand.

[@DevDreamer]

Hey Ayaz, thank you, glad it was helpful 🙂👍

[@OutOfFocus-lr9tg]

wow man what an explanation. Thanks!! a lot.

[@DevDreamer]

Thank you for watching 🙂👍

[@JadeHarris-h9m]

SO HAPY i found this link! amazing content explained slowly, clearly and reiterated...love it! i may actually learn Js now :)

[@haribalaji]

Great help this was ! Simple explanation and the visualization really helped. Thanks for the video.

[@hengkeatyam3700]

nice explanation 👍

[@andrewcuster6498]

Found it very promising that defer (and async, which I did not know about) were expanded on so well. Defer is something I did not come across till much later in my studies and I rarely see it.

[@paulpandi50]

It's amazing stuff. Thank you

[@skadara9555]

Hey Dev Dreamer, thanks for another great video! Also, I like the dark theme, and I think it works well. Keep doing what you’re doing!

[@DevDreamer]

Hey skadara! Thank you so much, I appreciate your suport 😀👍

[@yousafsabir7]

very very nice

[@pavankalyan-ck2vx]

Maintain the same theme & coming to the presentation you're rocking as usual. Thanks for the Videos. that one suggestion front my end is to do complete video's on Front-end.

[@sachinthapathirana]

Nice, Short and Clear. Thank you.

[@DevDreamer]

Thanks! 🙂👍

[@brima7]

thanks for the explanation, keep the good work :)

[@xBeyondMystery]

Thank you for these tutorials, I'm looking forward to learn more JS from these ones after watching a few of your other videos. Though this tutorial is from December 2020, regarding what you ask in 0:39 I personally like the dark theme best, I'm also a night owl and even if I just woke up dark themes are just easier on the eyes :) l love that you explain (with a useful visual representation) what happens in the background too!

[@DevDreamer]

Thank you! Sorry about the late reply on this, I get overwhelmed with love from you guys and it's not so easy to reply back quickly. As you may have seen we stuck with the dark theme lol, hope you are enjoying the content 🙂👍

[@dreamscomingtrue2446]

what is that magical intro and outro music ? it sounds magical .

[@NarsinaArtDesign]

Thanks a million

[@wadie9102]

Amazing explanation man!

[@mdmatiurrahman7373]

this is the video I was looking for...
thank you...
BTW come to laravel as soon as you can... plz...
waiting for it...
love from bangladesh

[@DevDreamer]

Hey Jimam, thank you for watching! We will be covering PHP first and then Laravel, I hope to do this in the new year, stay tuned and Dhan'yabāda 🙂👍

[@suniladhikari1240]

awesome

[@DevDreamer]

Thanks! 🙂👍

[@iraklimgeladze5223]

Dark theme all in!

[@DevDreamer]

Indeed! Thank you so much for watching, a lot more to come 🙂👍

[@dipakdayanand]

In the aync example you gave, since executing the Google Analytics file would delay rendering of HTML, would it be better to use defer since that would execute JS only after the page is rendered

[@Vemovemo1]

Hi, great video. i have a question, how can you execute some inline code on a script tag at the bottom of the page when the defer js files are loaded? how is the flow on this case and how can you execute scripts on this order? defer files in order -> bottom script. It must be inline scripts at the bottom, since they take some vital information from the cms page.
window.addEventListener('DOMContentLoaded', function() { ...
this coult be the way?

[@ahmetmutlu7469]

i must be late but dark theme is okey for me:DD

[@peguisreal]

I didn't understand in the whole process that what is async and defer

[@ca-lt1fc]

???...watch the video beginning at the 3:30 mark, your question is answered/explained...maybe will need to watch several times. also at the 6:19 mark, he tell you the differences as well how, when and why.

[@ca-lt1fc]

i getting a little older and my hearing is beginning to fade so for me, HE SPEAKS TOO FAST and i have to turn on cc and replay several times to 100% understand him.

[@DevDreamer]

Hi Philip, firstly thank you so much for watching! I appreciate it 🙂 Secondly, I will try to slow down, I am in the process of adding subtitles to videos, so please bear with mate. 🙂👍

[@ca-lt1fc]

@@DevDreamer what I didn't and should say your videos are excellent!!! concepts are clear and easy to understand and at just the right pace to learn... thank you.

[@joeslifeproductions]

people that enjoy light theme just injoy light shows more. its not hard on my eyes

[@DevDreamer]

Hey Jospeh, 🙂 Yh same I don’t mind either way, unless I’m working late into the hours 😬 Thanks for watching 👍

[@ahmetmutlu7469]

i must be late but dark theme is okey for me:DD