Modules in JavaScript, import and export, code decomposition
✏️ 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