Modules in JavaScript, import and export, code decomposition

Published: 22 August 2024
on channel: Александр Ламков — Friendly Frontend
24,917
875

✏️ We'll explore what modules are, why they're needed, and how to work with them in JavaScript. We'll also explore the import and export keywords.

🔴 Timeline:
▶ 00:00 | Introduction
▶ 00:28 | What is a module, why split code?
▶ 05:49 | The script tag, the type attribute "module"
▶ 06:56 | Import and export — the import and export keywords
▶ 09:28 | Exporting by listing entities at the end of the file
▶ 10:17 | Importing multiple entities
▶ 10:53 | Exporting with renaming — export as
▶ 12:27 | Importing with renaming — import as
▶ 13:06 | Single Entry Point and Modules
▶ 14:24 | Default Export
▶ 16:55 | Named Exports and Default Exports
▶ 17:50 | Combining Named Exports and Default Exports
▶ 18:38 | Importing All Entities
▶ 20:57 | Re-exporting All Entities, Index File
▶ 23:53 | Module Features
▶ 29:32 | JS Module Execution Order
▶ 31:18 | Conclusion

📚 Video links:
➖ JavaScript documentation from MDN: https://developer.mozilla.org/ru/docs...
➖ Russian-language JavaScript reference Doka: https://doka.guide/js/
➖ Fundamental online JavaScript tutorial: https://learn.javascript.ru/

💬 Telegram community chat (help for beginners):
https://t.me/FriendlyFrontend

🧑‍💻 Main Telegram channel:
https://t.me/AleksanderLamkov

❤️ Boosty (support the author):
https://boosty.to/friendly-frontend

🗂️ Free courses on the channel:
🟠 HTML:    • HTML курс 2025  
🔵 CSS:    • CSS курс 2025  
🟡 JS:    • JavaScript курс 2025  
🟢 A11y:    • Accessibility курс 2025  
🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...  
⚪️ Layout Masterclass for Beginners:    • Адаптивная верстка сайта с нуля для начина...  
🔘 Advanced Layout Workshop (BEM, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...  
⚫️ Layout Workshop with JavaScript Practice:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...  
🔴 Layout Workshop on JSX, SCSS, JS, Vite, Minista (SSG), and BEM: https://stepik.org/a/228315

📌 Author:
➖ Personal Website: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/AleksanderLamkov
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Stepik (paid courses and workshops): https://stepik.org/a/228315

#frontend #frontend #js #javascript


On this page of the site you can watch the video online Modules in JavaScript, import and export, code decomposition with a duration of hours minute second in good quality, which was uploaded by the user Александр Ламков — Friendly Frontend 22 August 2024, share the link with friends and acquaintances, this video has already been watched 24,917 times on youtube and it was liked by 875 viewers. Enjoy your viewing!