JavaScript Modules Crash Course

  Рет қаралды 45,391

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Learn about JavaScript Modules. Modules are fundamental concepts in JavaScript before you learn any other library or framework like React, Angular, Vue.js, Node.js, etc. By the end of this video, you'll be able to use modules to add flexibility, reusability, and power to your code.
✏️ Course developed by ‪@tapasadhikary‬
⭐️ Contents ⭐️
⌨️ (00:00) Welcome to JavaScript Module Crash Course
⌨️ (00:30) How to Take This Course?
⌨️ (01:01) What are Modules in JavaScript, and Why to Use?
⌨️ (04:51) What are Exports and Imports in JavaScript Module?
⌨️ (13:07) What are Default and Named Module Exports in JavaScript?
⌨️ (20:27) What are Aliases in JavaScript Module Import?
⌨️ (22:52) What are Namespaces in JavaScript Module?
⌨️ (25:30) What is Combined Export in JavaScript Module?
⌨️ (32:12) What is Dynamic Import in JavaScript Module?
⌨️ (38:59) How to Handle Multiple Imports Using JavaScript Promise APIs?
⌨️ (44:57) What is Tree Shaking & How Does It Help?
⌨️ (46:50) What's Next & Where to Go From Here?
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Пікірлер: 68
@tapasadhikary
@tapasadhikary 9 ай бұрын
Thank you, freeCodeCamp, for publishing it. I am thrilled. Thank you to everyone who spent time to learn from this content, and I hope you found it helpful. 💛❤💛
@sarojadevidevadoss6460
@sarojadevidevadoss6460 9 ай бұрын
Please c# guide and make a game in one video
@rs832
@rs832 9 ай бұрын
This could not have been uploaded at a more perfect time. Thank you!
@robbiew4534
@robbiew4534 9 ай бұрын
Cool. Not something I was expecting to learn today but now I can think of a few places it would be nice to use modules. Thanks.
@jawwadalam
@jawwadalam 9 ай бұрын
Thank you for the crash course on JavaScript modules. I learned a lot!
@952a259
@952a259 9 ай бұрын
Thank you for a great video! 👍
@lukas.webdev
@lukas.webdev 9 ай бұрын
Great video! Thanks for sharing! 😉🔥
@musfiqrahman3256
@musfiqrahman3256 6 ай бұрын
Module concept clear. Thanks!
@sh9vch9nk0
@sh9vch9nk0 5 ай бұрын
Thank you so much for this video, clear and simple explanation of JS modules! It was very useful for me 👍❤❤
@soumadip_skyy_banerjee
@soumadip_skyy_banerjee 9 ай бұрын
KHUB SUNDOR ❤
@gabriellaarchibong
@gabriellaarchibong 7 ай бұрын
thank you, very well explained 💯💯
@user-pv9og3yb3x
@user-pv9og3yb3x 9 ай бұрын
❤ thanks for everything 🙏
@mahendraverma3459
@mahendraverma3459 5 ай бұрын
Excellent tutorial. Thank you
@paulthomas1052
@paulthomas1052 9 ай бұрын
Excellent course - very well explained with great examples in JS. Thanks !
@tapasadhikary
@tapasadhikary 9 ай бұрын
Thank You!
@devendrasharma6319
@devendrasharma6319 4 ай бұрын
Its really good explanation, even you could not find in paid courses this kind of explanation.
@bigshuff
@bigshuff 6 ай бұрын
Brilliant explanation really enjoyed the course, and what a great time for a cup of tea.
@navinyadav7973
@navinyadav7973 9 ай бұрын
Thankyou for the video
@smartguy3k
@smartguy3k 2 ай бұрын
super. Thanks
@mohammedelshennawy_dotnet
@mohammedelshennawy_dotnet 8 ай бұрын
very good discussion, have a nice day....
@Felipe367367
@Felipe367367 9 ай бұрын
Good..❤🎉
@prakash28nov
@prakash28nov 3 ай бұрын
Excellent tutorial ❤
@willac4261
@willac4261 3 ай бұрын
Great course!
@aniruddhabasak7441
@aniruddhabasak7441 9 ай бұрын
Happy teachers day sir.
@keshavthakur1961
@keshavthakur1961 9 ай бұрын
Great .
@user-el9cg2lo5n
@user-el9cg2lo5n 6 ай бұрын
Thank you
@addisuagerie9282
@addisuagerie9282 7 ай бұрын
thanks, it is good
@jayeshnayak4516
@jayeshnayak4516 9 ай бұрын
Hello sir can you please make a video on N:N webrtc connection in react native
@mahendranath2504
@mahendranath2504 9 ай бұрын
Nice thank you 🙏🏻👌🫰🏻🫡
@Mari_Selalu_Berbuat_Kebaikan
@Mari_Selalu_Berbuat_Kebaikan 2 ай бұрын
Let's always do alot of good
@slimiissa195
@slimiissa195 9 ай бұрын
Can you take us bloger cources, and thank you Mr. Free code camp
@I1Ido.
@I1Ido. 9 ай бұрын
Please upload userscript full course
@sahilkumar_official
@sahilkumar_official 4 ай бұрын
Giving knowledge 30% taking time 100%
@raghavkonda6175
@raghavkonda6175 9 ай бұрын
But where are the Code Scripts in text form for this Tutorial ? where is the Link?
@navinyadav7973
@navinyadav7973 9 ай бұрын
28:00 combine import
@user-uw8wd1kl2q
@user-uw8wd1kl2q 9 ай бұрын
I think that I failed in this field despite my love for JavaScript. I need money and I am good at nothing just my love for technology and software, so I tried to learn, but the idea of working and being unemployed bothers me, and I see that programming may not be the solution... Is there a way to earn some cents while you learn? 😔
@chipTuanDuc
@chipTuanDuc 9 ай бұрын
g..o t..o😂😂😂 h..e..ll ...😝😝😝
@user-kp1zd7on1d
@user-kp1zd7on1d 9 ай бұрын
get a job as a ui/ux developer who can code html/css. you can learn js along with it
@kanaeroseweld2237
@kanaeroseweld2237 2 ай бұрын
can someone please tell me where is he writing is code on
@abneralexson1989
@abneralexson1989 4 ай бұрын
39:15 made me spit out my water🤣
@odebroqueville
@odebroqueville 5 ай бұрын
Only modules can import modules? Strange!
@rehmanbutt669
@rehmanbutt669 9 ай бұрын
Want laravel Course
@ZahidHussain-hj2dk
@ZahidHussain-hj2dk 9 ай бұрын
First viewer
@augustoc.romero1130
@augustoc.romero1130 9 ай бұрын
First
@leg875
@leg875 8 ай бұрын
Is he working for NHS.😂
@sarojadevidevadoss6460
@sarojadevidevadoss6460 9 ай бұрын
C# full guide and make a game in one video
@sarojadevidevadoss6460
@sarojadevidevadoss6460 9 ай бұрын
Please
@sarojadevidevadoss6460
@sarojadevidevadoss6460 9 ай бұрын
C# full guide and make a game in one video
@_MrCode
@_MrCode 9 ай бұрын
This channel is ruining developers life.
@ayushdey5494
@ayushdey5494 9 ай бұрын
Reason?
@_MrCode
@_MrCode 9 ай бұрын
Lack of career path, who need thousands of hours to learn a language, Most of beginners just fall in watching tutorials on this channel, why they upload video on single language again and again, was the old tutorial was not good, they are just growing their channel.@@ayushdey5494
@phazon100
@phazon100 9 ай бұрын
Your better off paying $10 for one of jonas javascript classes
@alamelug6544
@alamelug6544 9 ай бұрын
😊😊
@aammssaamm
@aammssaamm 9 ай бұрын
All these still cannot resolve the issue with the events mess which is a nightmare for all frontend devs. These "modules" are not reusable objects of the same class and that's why cannot be managed in a consistent way. The Carl Hewitt's Actor Model should be used instead for all javascript frontend development. You, guys, are just wasting your time.
@rs832
@rs832 9 ай бұрын
The events mess? Nightmare? Could you please elaborate? I'm just about to implement modules into my project, if there are treacherous waters ahead and a better way to traverse them, I'd love to know more about it. Thanks in advance!
@aammssaamm
@aammssaamm 9 ай бұрын
@@rs832 It's not the "modules" themselves. It's the way they need to be organized for an easy communication between them, which is missing from all frontend developments due to misunderstanding of OOP. If you need to handle 3 consecutive events from 3 different components/modules, you have already had 6 scenarios you have to code for. What if you have 4, 5 or 6 consecutive events with 3 or 4 various values in 2 or 3 modules the scenarios depend on? This can be easily resolved with the Actor model, and devs do not need to waste their time on useless coding for endless scenarios. The Actor Model description and the lectures of Alan Kay, the inventor of the OOP concept, may help.
@rs832
@rs832 9 ай бұрын
@@aammssaamm Interesting. Thanks for taking the time to reply. I loathe OOP, which may be why I haven't come across these concerns yet. I'll check out that lecture. To understand where the advice is coming from, would you mind sharing your experience working with this scenario?
@aammssaamm
@aammssaamm 9 ай бұрын
@@rs832 There is no way to hate OOP, since this is how the entire world is built. You may ignore it like most of the people do, but this only makes your life and work harder, like you would ignore algebra or even programming itself. Not sure I understand your question about "experience working with this scenario".
@rs832
@rs832 9 ай бұрын
@@aammssaamm to be fair, my distain for OOP stems from my ignorance on the matter however, I was able to complete school writing only functional code and my instructors were "pleasantly surprised" with the solutions I implemented. I was inquiring about your background as a SWE. I'm always interested in hearing input from others (thank you), but I want to understand their background on the subject. I have yet to watch the video you mentioned, but it's rapidly rising in my queue.
@user-dp1wq3yv6y
@user-dp1wq3yv6y 3 ай бұрын
can anyone tell me here we using await keyword in dynamic import without a async keyword ? How it is possible?@tapasadhikary
Require vs Import Javascript
22:39
Monsterlessons Academy
Рет қаралды 75 М.
Modules - Javascript In Depth
46:05
Tech with Nader
Рет қаралды 1,5 М.
🍕Пиццерия FNAF в реальной жизни #shorts
00:41
Неприятная Встреча На Мосту - Полярная звезда #shorts
00:59
Полярная звезда - Kuzey Yıldızı
Рет қаралды 2,9 МЛН
STOP Using Classes In JavaScript | Prime Reacts
14:02
ThePrimeTime
Рет қаралды 221 М.
JavaScript Security Vulnerabilities Tutorial  - With Code Examples
25:05
freeCodeCamp.org
Рет қаралды 71 М.
NodeJS - Common JS vs ES module
7:25
Backend Simplified
Рет қаралды 2,8 М.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
JavaScript Classes Tutorial
1:01:29
freeCodeCamp.org
Рет қаралды 283 М.
Functions vs Classes: When to Use Which and Why?
10:49
ArjanCodes
Рет қаралды 142 М.
JavaScript ES6 Modules
7:39
Web Dev Simplified
Рет қаралды 443 М.
I Made a Neural Network with just Redstone!
17:23
mattbatwings
Рет қаралды 592 М.
Learn JavaScript - Full Course for Beginners
3:26:43
freeCodeCamp.org
Рет қаралды 17 МЛН
🍕Пиццерия FNAF в реальной жизни #shorts
00:41