Feb 17, 2022 · Jan 27, 2022 · Jan 16, 2022 · Jan 10, 2022 · Jan 17, 2022 · Jan 18, 2022
diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md

 ![safari](safari.png)

 Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з'явився новий пункт "Розробка" у верхньому меню. Це меню має багато команд та опцій.
 Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з’явився новий пункт "Розробка" у верхньому меню. Це меню має багато команд та опцій.

 ## Підсумки

diff --git a/1-js/02-first-steps/02-structure/article.md b/1-js/02-first-steps/02-structure/article.md
 alert("Привіт")[1, 2].forEach(alert);
 ```

 Дивний вигляд, чи не так? У цьому випадку таке об’єднання неправильне. Щоби код правильно працював, нам потрібно поставити крапку з комою після `alert`.
 Виглядає дивно, чи не так? У цьому випадку таке об’єднання неправильне. Щоби код правильно працював, нам потрібно поставити крапку з комою після `alert`.

 Це може статися в інших випадках.
 ````
 ````warn header="Вкладені коментарі не підтримуються!"
 Не може бути `/*...*/` всередині `/*...*/`.

 Такий код "умре" з помилкою:
 Такий код "помре" з помилкою:

 ```js run no-beautify
 /*
diff --git a/1-js/02-first-steps/04-variables/article.md b/1-js/02-first-steps/04-variables/article.md

 В JavaScript є два обмеження, які стосуються імен змінних:

 1. Ім'я має містити лише букви, цифри або символи `$` і `_`.
 1. Ім’я має містити лише букви, цифри або символи `$` і `_`.
 2. Перший символ не має бути числом.

 Ось приклади допустимих імен:

 ### Константи в верхньому регістрі

 Широко поширена практика використання констант як псевдонімів для значень, які важко запам'ятати і які відомі до початку виконання скрипта.
 Широко поширена практика використання констант як псевдонімів для значень, які важко запам’ятати і які відомі до початку виконання скрипта.

 Такі константи пишуться в верхньому регістрі з використанням підкреслень.


 Переваги:

 - `COLOR_ORANGE` набагато легше запам'ятати, ніж `"#FF7F00"`.
 - `COLOR_ORANGE` набагато легше запам’ятати, ніж `"#FF7F00"`.
 - Набагато легше допустити помилку в `"#FF7F00"`, ніж під час введення `COLOR_ORANGE`.
 - Під час читання коду `COLOR_ORANGE` набагато зрозуміліше, ніж `#FF7F00`.

diff --git a/1-js/02-first-steps/06-alert-prompt-confirm/article.md b/1-js/02-first-steps/06-alert-prompt-confirm/article.md

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

 Є два обмеження, пов'язані з усіма методами вище:
 Є два обмеження, пов’язані з усіма методами вище:

 1. Точне розташування модального вікна визначається браузером. Зазвичай це в центрі.
 2. Точний вигляд вікна також залежить від браузера. Ми не можемо його змінити.
diff --git a/1-js/02-first-steps/07-type-conversions/article.md b/1-js/02-first-steps/07-type-conversions/article.md

 Є також випадки, коли нам необхідно явно перетворити значення на очікуваний тип.

 ```smart header="Поки що не говоримо про об'єкти"
 У цьому розділі ми не будемо охоплювати об'єкти. Поки що ми поговоримо тільки про примітиви.
 ```smart header="Поки що не говоримо про об’єкти"
 У цьому розділі ми не будемо охоплювати об’єкти. Поки що ми поговоримо тільки про примітиви.

 Пізніше, після ознайомлення з об'єктами, ми розглянемо їхнє перетворення в розділі <info:object-toprimitive>.
 Пізніше, після ознайомлення з об’єктами, ми розглянемо їхнє перетворення в розділі <info:object-toprimitive>.
 ```

 ## Перетворення на рядок
 |будь-які інші значення| `true` |


 Більшість із цих правил легко зрозуміти й запам'ятати. Примітними винятками, де люди зазвичай роблять помилки, є:
 Більшість із цих правил легко зрозуміти й запам’ятати. Примітними винятками, де люди зазвичай роблять помилки, є:

 - `undefined` є `NaN` як число, а не `0`.
 - `"0"` і рядки, що мають тільки пробіли, такі як `"   "`, є `true` як булеві значення.
diff --git a/1-js/11-async/03-promise-chaining/article.md b/1-js/11-async/03-promise-chaining/article.md

 # Ланцюжок промісів

 Повернемося до проблеми, згаданої в розділі[Введення: колбеки](info:callbacks): у нас є послідовність асинхронних задач, які потрібно виконувати одну за одною — наприклад, завантаження скриптів. Як ми можемо це добре закодувати?
 Повернемося до проблеми, згаданої в розділі<info:callbacks>: у нас є послідовність асинхронних задач, які потрібно виконувати одну за одною — наприклад, завантаження скриптів. Як ми можемо це добре закодувати?

 Проміси надають кілька способів вирішення подібних задач.


 Ось потік виконання:
 1. Початковий проміс успішно виконується через 1 секунду `(*)`,
 2. Далі викликається обробник `.then` `(**)`, який у свою чергу, створює новий проміс (вирішується зі значенням `2`).
 2. Даліна `(**)`викликається обробник `.then`, який у свою чергу, створює новий проміс (вирішується зі значенням `2`).
 3. Наступний `then` `(***)` приймає результат попереднього, оброблює його (подвоює) та передає до наступного обробника.
 4. ...і так далі.


 ![](promise-then-many.svg)

 Усі `.then` на одному й тому самому промісі отримують той самий результат - результат цього промісу. Тож у коді вище усі `alert` показують те саме: `1`.
 Усі `.then` на одному й тому самому промісі отримують той самий результат -- результат цього промісу. Тож у коді вище усі `alert` показують те саме: `1`.

 На практиці нам рідко потрібні кілька обробників для одного промісу. Набагато частіше використовується ланцюжок.

 });
 ```

 Тут перший `.then` показує `1` і повертає `new Promise(…)` у рядку `(*)`. Через одну секунду він вирішується, а результат (аргумент `resolve`, тут це `результат * 2`) передається обробнику другого `.then`. Цей обробник знаходиться в рядку `(**)`, він показує `2` і робить те ж саме.
 Тут перший `.then` показує `1` і повертає `new Promise(…)` у рядку `(*)`. Через одну секунду він вирішується, а результат (аргумент `resolve`, тут це `result * 2`) передається обробнику другого `.then`. Цей обробник знаходиться в рядку `(**)`, він показує `2` і робить те ж саме.

 Отже, результат такий же, як і в попередньому прикладі: 1 -> 2 -> 4, але тепер із затримкою в 1 секунду між викликами `alert`.

diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.view/index.html b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.view/index.html
        <li>Акваріум
          <ul>
            <li>Гупі</li>
            <li>Ангельська рибка</li>
            <li>Риби-ангели</li>
          </ul>
        </li>
        <li>Море
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
      <ul>
        <li>Ссавці
          <ul>
            <li>Корів</li>
            <li>Корови</li>
            <li>Осли</li>
            <li>Собаки</li>
            <li>Тигер</li>
            <li>Тигри</li>
          </ul>
        </li>
        <li>Інші
        <li>Акваріум
          <ul>
            <li>Гуппі</li>
            <li>Ангельський</li>
            <li>Риби-ангели</li>
          </ul>
        </li>
        <li>Море
diff --git a/...document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md b/...document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md
 alert(HTMLDocument.prototype.constructor === HTMLDocument); // true
 ```

 Щоб отримати назву класу як рядок, ми можемо використовувати `constructor.name`. Давайте зробимо це для всього прототипного ланцюга `document` аж до класу`Node`:
 Щоб отримати назву класу як рядок, ми можемо використовувати `constructor.name`. Давайте зробимо це для всього прототипного ланцюга `document` аж до класу `Node`:

 ```js run
 alert(HTMLDocument.prototype.constructor.name); // HTMLDocument

 Це ієрархія.

 Ми також можемо розглянути об’єкт за допомогою `console.dir(document)` і побачити ці назви, відкриваючи `__proto__`.Консоль браузера під капотом бере їх з `constructor`.
 Ми також можемо розглянути об’єкт за допомогою `console.dir(document)` і побачити ці назви, відкриваючи `__proto__`.Консоль браузера під капотом бере їх з `constructor`.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -53,7 +53,7 @@ Safari (стандартний браузер у macOS, не підтримує

		![safari](safari.png)

		Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з'явився новий пункт "Розробка" у верхньому меню. Це меню має багато команд та опцій.
		Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з’явився новий пункт "Розробка" у верхньому меню. Це меню має багато команд та опцій.

		## Підсумки

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -83,7 +83,7 @@ alert("Привіт")
		alert("Привіт")[1, 2].forEach(alert);
		```

		Дивний вигляд, чи не так? У цьому випадку таке об’єднання неправильне. Щоби код правильно працював, нам потрібно поставити крапку з комою після `alert`.
		Виглядає дивно, чи не так? У цьому випадку таке об’єднання неправильне. Щоби код правильно працював, нам потрібно поставити крапку з комою після `alert`.

		Це може статися в інших випадках.
		````
Expand DownExpand Up		@@ -138,7 +138,7 @@ alert('Світ');
		````warn header="Вкладені коментарі не підтримуються!"
		Не може бути `/.../` всередині `/.../`.

		Такий код "умре" з помилкою:
		Такий код "помре" з помилкою:

		```js run no-beautify
		/*
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -160,7 +160,7 @@ let message = "Той"; // SyntaxError: 'message' has already been declared

		В JavaScript є два обмеження, які стосуються імен змінних:

		1. Ім'я має містити лише букви, цифри або символи `$` і `_`.
		1. Ім’я має містити лише букви, цифри або символи `$` і `_`.
		2. Перший символ не має бути числом.

		Ось приклади допустимих імен:
Expand DownExpand Up		@@ -263,7 +263,7 @@ myBirthday = '01.01.2001'; // помилка, не можна перевизна

		### Константи в верхньому регістрі

		Широко поширена практика використання констант як псевдонімів для значень, які важко запам'ятати і які відомі до початку виконання скрипта.
		Широко поширена практика використання констант як псевдонімів для значень, які важко запам’ятати і які відомі до початку виконання скрипта.

		Такі константи пишуться в верхньому регістрі з використанням підкреслень.

Expand All		@@ -282,7 +282,7 @@ alert(color); // #FF7F00

		Переваги:

		- `COLOR_ORANGE` набагато легше запам'ятати, ніж `"#FF7F00"`.
		- `COLOR_ORANGE` набагато легше запам’ятати, ніж `"#FF7F00"`.
		- Набагато легше допустити помилку в `"#FF7F00"`, ніж під час введення `COLOR_ORANGE`.
		- Під час читання коду `COLOR_ORANGE` набагато зрозуміліше, ніж `#FF7F00`.

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -97,7 +97,7 @@ alert( isBoss ); // true, якщо натиснута OK

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

		Є два обмеження, пов'язані з усіма методами вище:
		Є два обмеження, пов’язані з усіма методами вище:

		1. Точне розташування модального вікна визначається браузером. Зазвичай це в центрі.
		2. Точний вигляд вікна також залежить від браузера. Ми не можемо його змінити.
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,10 +6,10 @@

		Є також випадки, коли нам необхідно явно перетворити значення на очікуваний тип.

		```smart header="Поки що не говоримо про об'єкти"
		У цьому розділі ми не будемо охоплювати об'єкти. Поки що ми поговоримо тільки про примітиви.
		```smart header="Поки що не говоримо про об’єкти"
		У цьому розділі ми не будемо охоплювати об’єкти. Поки що ми поговоримо тільки про примітиви.

		Пізніше, після ознайомлення з об'єктами, ми розглянемо їхнє перетворення в розділі <info:object-toprimitive>.
		Пізніше, після ознайомлення з об’єктами, ми розглянемо їхнє перетворення в розділі <info:object-toprimitive>.
		```

		## Перетворення на рядок
Expand DownExpand Up		@@ -142,7 +142,7 @@ alert( Boolean(" ") ); // пробіли, також true (будь-які не
		\|будь-які інші значення\| `true` \|


		Більшість із цих правил легко зрозуміти й запам'ятати. Примітними винятками, де люди зазвичай роблять помилки, є:
		Більшість із цих правил легко зрозуміти й запам’ятати. Примітними винятками, де люди зазвичай роблять помилки, є:

		- `undefined` є `NaN` як число, а не `0`.
		- `"0"` і рядки, що мають тільки пробіли, такі як `" "`, є `true` як булеві значення.
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,7 +1,7 @@

		# Ланцюжок промісів

		Повернемося до проблеми, згаданої в розділі[Введення: колбеки](info:callbacks): у нас є послідовність асинхронних задач, які потрібно виконувати одну за одною — наприклад, завантаження скриптів. Як ми можемо це добре закодувати?
		Повернемося до проблеми, згаданої в розділі<info:callbacks>: у нас є послідовність асинхронних задач, які потрібно виконувати одну за одною — наприклад, завантаження скриптів. Як ми можемо це добре закодувати?

		Проміси надають кілька способів вирішення подібних задач.

Expand DownExpand Up		@@ -36,7 +36,7 @@ new Promise(function(resolve, reject) {

		Ось потік виконання:
		1. Початковий проміс успішно виконується через 1 секунду `(*)`,
		2. Далі викликається обробник `.then` `(**)`, який у свою чергу, створює новий проміс (вирішується зі значенням `2`).
		2. Даліна `(**)`викликається обробник `.then`, який у свою чергу, створює новий проміс (вирішується зі значенням `2`).
		3. Наступний `then` `(***)` приймає результат попереднього, оброблює його (подвоює) та передає до наступного обробника.
		4. ...і так далі.

Expand DownExpand Up		@@ -78,7 +78,7 @@ promise.then(function(result) {

		![](promise-then-many.svg)

		Усі `.then` на одному й тому самому промісі отримують той самий результат - результат цього промісу. Тож у коді вище усі `alert` показують те саме: `1`.
		Усі `.then` на одному й тому самому промісі отримують той самий результат -- результат цього промісу. Тож у коді вище усі `alert` показують те саме: `1`.

		На практиці нам рідко потрібні кілька обробників для одного промісу. Набагато частіше використовується ланцюжок.

Expand DownExpand Up		@@ -120,7 +120,7 @@ new Promise(function(resolve, reject) {
		});
		```

		Тут перший `.then` показує `1` і повертає `new Promise(…)` у рядку `()`. Через одну секунду він вирішується, а результат (аргумент `resolve`, тут це `результат 2`) передається обробнику другого `.then`. Цей обробник знаходиться в рядку `(**)`, він показує `2` і робить те ж саме.
		Тут перший `.then` показує `1` і повертає `new Promise(…)` у рядку `()`. Через одну секунду він вирішується, а результат (аргумент `resolve`, тут це `result 2`) передається обробнику другого `.then`. Цей обробник знаходиться в рядку `(**)`, він показує `2` і робить те ж саме.

		Отже, результат такий же, як і в попередньому прикладі: 1 -> 2 -> 4, але тепер із затримкою в 1 секунду між викликами `alert`.

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -27,7 +27,7 @@
		<li>Акваріум
		<ul>
		<li>Гупі</li>
		<li>Ангельська рибка</li>
		<li>Риби-ангели</li>
		</ul>
		</li>
		<li>Море
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,10 +7,10 @@
		<ul>
		<li>Ссавці
		<ul>
		<li>Корів</li>
		<li>Корови</li>
		<li>Осли</li>
		<li>Собаки</li>
		<li>Тигер</li>
		<li>Тигри</li>
		</ul>
		</li>
		<li>Інші
Expand All		@@ -27,7 +27,7 @@
		<li>Акваріум
		<ul>
		<li>Гуппі</li>
		<li>Ангельський</li>
		<li>Риби-ангели</li>
		</ul>
		</li>
		<li>Море
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -27,7 +27,7 @@ alert(document.constructor.name); // HTMLDocument
		alert(HTMLDocument.prototype.constructor === HTMLDocument); // true
		```

		Щоб отримати назву класу як рядок, ми можемо використовувати `constructor.name`. Давайте зробимо це для всього прототипного ланцюга `document` аж до класу`Node`:
		Щоб отримати назву класу як рядок, ми можемо використовувати `constructor.name`. Давайте зробимо це для всього прототипного ланцюга `document` аж до класу `Node`:

		```js run
		alert(HTMLDocument.prototype.constructor.name); // HTMLDocument
Expand All		@@ -37,4 +37,4 @@ alert(HTMLDocument.prototype.__proto__.__proto__.constructor.name); // Node

		Це ієрархія.

		Ми також можемо розглянути об’єкт за допомогою `console.dir(document)` і побачити ці назви, відкриваючи `__proto__`.Консоль браузера під капотом бере їх з `constructor`.
		Ми також можемо розглянути об’єкт за допомогою `console.dir(document)` і побачити ці назви, відкриваючи `__proto__`.Консоль браузера під капотом бере їх з `constructor`.