24. Модулі та import/export

Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
24. Модулі та import/export da Mind Map: 24. Модулі та import/export

1. Частина де ми говоримо про JS

1.1. Що таке модулі

1.1.1. Модулі допомагають організувати код так, щоб з проектом було простіше та зручніше працювати, дозволяють перевикористовувати код та структурувати програму.

1.1.1.1. Модуль – відокремлена частина системи. Як правило, один модуль – це один файл. Модулі можна сприймати як частини конструктора, з яких збирається програма.

1.1.1.1.1. У модулі, за замовчуванням, все приховано. Назовні надається лише те, що розробники навмисно хочуть надати - експорти. Цю функціональність можна імпортувати в інших модулях та використовувати.

1.1.2. Аналогія з функціями

1.2. Переваги модулів

1.2.1. зведена таблиця

1.2.2. Q&A

1.3. Модулі в JS

1.3.1. AMD

1.3.2. CommonJS

1.3.3. UMD

1.3.4. ES-модулі

1.4. ES-модулі

1.4.1. ES-модулі – модульна система на рівні мови, яка з'явилася у специфікації ES2015.

1.4.2. Q&A

1.5. Експорти за замовчуванням

1.5.1. можливі, але не бажані

1.5.2. Q&A

1.6. Можливості та обмеження модулів у JavaScript

1.6.1. Модулі – це завжди use strict

1.6.2. Змінні ізольовані всередині

1.6.3. Код модуля виконується лише раз

1.6.4. Особливості у браузері

1.6.5. Q&A

1.7. Модулі і збірка

2. Епілог

2.1. Екстра матеріали

2.1.1. https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/

2.1.2. https://www.freecodecamp.org/news/javascript-es-modules-and-module-bundlers/

2.1.3. https://flaviocopes.com/es-modules/

2.1.4. https://konstantin.digital/blog/es-modules-all-you-need-to-know

2.1.5. https://www.valentinog.com/blog/es-modules/

2.2. Домашнє завдання

2.3. Тизер-трейлер наступного вебінару

2.3.1. Q&A