Sep 15, 2023 · Sep 15, 2023 · Sep 15, 2023 · Sep 15, 2023 · Sep 15, 2023 · Sep 15, 2023
diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md
 # Вступ до JavaScript

 Давайте розглянемо, що такого особливого в JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов’язані з нею.
 Давайте розглянемо, що такого особливого в JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов'язані з нею.

 ## Що таке JavaScript?

 - [SpiderMonkey](https://uk.wikipedia.org/wiki/SpiderMonkey) -- в Firefox.
 - ...Є також інші кодові назви як "Chakra" для IE, "JavaScriptCore", "Nitro" і "SquirrelFish" для Safari, та інші.

 Терміни вище добре було б запам’ятати, оскільки вони використовуються в статтях розробників на просторах інтернету. Ми також будемо їх використовувати. Наприклад, якщо "можливість X підтримується в V8", то, імовірно, вона працюватиме в Chrome, Opera та Edge.
 Терміни вище добре було б запам'ятати, оскільки вони використовуються в статтях розробників на просторах інтернету. Ми також будемо їх використовувати. Наприклад, якщо "можливість X підтримується в V8", то, імовірно, вона працюватиме в Chrome, Opera та Edge.

 ```smart header="Як рушії працюють?"


 ## Що може вбудований у браузер JavaScript?

 Сучасний JavaScript -- це "безпечна" мова програмування. Вона не надає низькорівневого доступу до пам’яті чи процесора, оскільки була створена для браузерів, які цього не потребують.
 Сучасний JavaScript -- це "безпечна" мова програмування. Вона не надає низькорівневого доступу до пам'яті чи процесора, оскільки була створена для браузерів, які цього не потребують.

 Можливості JavaScript значно залежать від середовища, у якому виконується скрипт. Наприклад, [Node.js](https://uk.wikipedia.org/wiki/Node.js) підтримує функції, які дозволяють JavaScript читати/записувати довільні файли, здійснювати мережеві запити тощо.

 Вбудована в браузер JavaScript може робити все, що пов’язано з управлінням вебсторінками, взаємодією з користувачем та вебсервером.
 Вбудована в браузер JavaScript може робити все, що пов'язано з управлінням вебсторінками, взаємодією з користувачем та вебсервером.

 Наприклад, JavaScript може:

 - Додавати новий HTML-код на сторінку, змінювати наявний вміст, змінювати стилі.
 - Реагувати на дії користувача, опрацьовувати натискання миші, переміщення вказівника, натискання на клавіші клавіатури.
 - Відправляти запити через мережу до віддалених серверів, завантажувати та відвантажувати файли (так звані технології [AJAX](https://uk.wikipedia.org/wiki/AJAX) і [COMET](https://uk.wikipedia.org/wiki/Comet_(програмування))).
 - Отримувати і надсилати [куки](https://uk.wikipedia.org/wiki/Куки), ставити запитання відвідувачам, показувати повідомлення.
 - Запам’ятовувати дані на стороні клієнта ("[local storage](https://developer.mozilla.org/uk/docs/Web/API/Window/localStorage)"), які будуть доступні в майбутніх сесіях на цьому вебсайті.
 - Запам'ятовувати дані на стороні клієнта ("[local storage](https://developer.mozilla.org/uk/docs/Web/API/Window/localStorage)"), які будуть доступні в майбутніх сесіях на цьому вебсайті.

 ## Що НЕ може JavaScript?

 Можливості JavaScript у браузері обмежені для безпеки користувача. Мета полягає в тому, щоб небезпечні вебсторінки не мали доступу до приватної інформації та не могли пошкодити інформацію на комп’ютері користувача.
 Можливості JavaScript у браузері обмежені для безпеки користувача. Мета полягає в тому, щоб небезпечні вебсторінки не мали доступу до приватної інформації та не могли пошкодити інформацію на комп'ютері користувача.

 Приклади таких обмежень:


 Цього слід очікувати, тому що проєкти та вимоги різні для кожного.

 Останнім часом з’явилося безліч нових мов, які *транспілюються* (конвертуються) в JavaScript перед виконанням у браузері.
 Останнім часом з'явилося безліч нових мов, які *транспілюються* (конвертуються) в JavaScript перед виконанням у браузері.

 Сучасні інструменти роблять транспіляцію дуже швидкою та прозорою, дозволяючи розробникам писати код іншою мовою й автоматично конвертувати його "під капотом".

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
 [1, 2].forEach(alert);
 ```

 Поки що не задумуйтеся, що означають квадратні дужки `[]` і `forEach`. Ми вивчимо їх пізніше. Зараз просто запам’ятайте результат виконання коду: спочатку виведеться `Привіт`, далі `1`, а потім `2`.
 Поки що не задумуйтеся, що означають квадратні дужки `[]` і `forEach`. Ми вивчимо їх пізніше. Зараз просто запам'ятайте результат виконання коду: спочатку виведеться `Привіт`, далі `1`, а потім `2`.

 А тепер видалимо крапку з комою після першого `alert`:

 alert("Привіт")[1, 2].forEach(alert);
 ```

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

 Це може статися в інших випадках.
 ````
diff --git a/1-js/02-first-steps/04-variables/2-declare-variables/solution.md b/1-js/02-first-steps/04-variables/2-declare-variables/solution.md
 let ourPlanetName = "Земля";
 ```

 Зверніть увагу, ми могли використати коротше ім’я `planet`, але тоді буде незрозуміло, яку планету ми маємо на увазі. Краще описати вміст змінної детальніше. Принаймні до тих пір, поки ім’я змінної неСтанеЗанадтоДовгим.
 Зверніть увагу, ми могли використати коротше ім'я `planet`, але тоді буде незрозуміло, яку планету ми маємо на увазі. Краще описати вміст змінної детальніше. Принаймні до тих пір, поки ім'я змінної неСтанеЗанадтоДовгим.

 ## Ім’я поточного відвідувача
 ## Ім'я поточного відвідувача

 ```js
 let currentUserName = "Іван";
 ```

 Знову ж таки, ми можемо скоротити ім’я до `userName`, якщо ми точно знатимемо, що це поточний відвідувач.
 Знову ж таки, ми можемо скоротити ім'я до `userName`, якщо ми точно знатимемо, що це поточний відвідувач.

 Сучасні редактори й автодоповнювачі дозволяють легко писати довгі імена змінних. Не економте букв. Імена з трьох слів цілком нормальні.

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`.
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		# Вступ до JavaScript

		Давайте розглянемо, що такого особливого в JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов’язані з нею.
		Давайте розглянемо, що такого особливого в JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов'язані з нею.

		## Що таке JavaScript?

Expand DownExpand Up		@@ -28,7 +28,7 @@
		- [SpiderMonkey](https://uk.wikipedia.org/wiki/SpiderMonkey) -- в Firefox.
		- ...Є також інші кодові назви як "Chakra" для IE, "JavaScriptCore", "Nitro" і "SquirrelFish" для Safari, та інші.

		Терміни вище добре було б запам’ятати, оскільки вони використовуються в статтях розробників на просторах інтернету. Ми також будемо їх використовувати. Наприклад, якщо "можливість X підтримується в V8", то, імовірно, вона працюватиме в Chrome, Opera та Edge.
		Терміни вище добре було б запам'ятати, оскільки вони використовуються в статтях розробників на просторах інтернету. Ми також будемо їх використовувати. Наприклад, якщо "можливість X підтримується в V8", то, імовірно, вона працюватиме в Chrome, Opera та Edge.

		```smart header="Як рушії працюють?"

Expand All		@@ -43,23 +43,23 @@

		## Що може вбудований у браузер JavaScript?

		Сучасний JavaScript -- це "безпечна" мова програмування. Вона не надає низькорівневого доступу до пам’яті чи процесора, оскільки була створена для браузерів, які цього не потребують.
		Сучасний JavaScript -- це "безпечна" мова програмування. Вона не надає низькорівневого доступу до пам'яті чи процесора, оскільки була створена для браузерів, які цього не потребують.

		Можливості JavaScript значно залежать від середовища, у якому виконується скрипт. Наприклад, [Node.js](https://uk.wikipedia.org/wiki/Node.js) підтримує функції, які дозволяють JavaScript читати/записувати довільні файли, здійснювати мережеві запити тощо.

		Вбудована в браузер JavaScript може робити все, що пов’язано з управлінням вебсторінками, взаємодією з користувачем та вебсервером.
		Вбудована в браузер JavaScript може робити все, що пов'язано з управлінням вебсторінками, взаємодією з користувачем та вебсервером.

		Наприклад, JavaScript може:

		- Додавати новий HTML-код на сторінку, змінювати наявний вміст, змінювати стилі.
		- Реагувати на дії користувача, опрацьовувати натискання миші, переміщення вказівника, натискання на клавіші клавіатури.
		- Відправляти запити через мережу до віддалених серверів, завантажувати та відвантажувати файли (так звані технології [AJAX](https://uk.wikipedia.org/wiki/AJAX) і [COMET](https://uk.wikipedia.org/wiki/Comet_(програмування))).
		- Отримувати і надсилати [куки](https://uk.wikipedia.org/wiki/Куки), ставити запитання відвідувачам, показувати повідомлення.
		- Запам’ятовувати дані на стороні клієнта ("[local storage](https://developer.mozilla.org/uk/docs/Web/API/Window/localStorage)"), які будуть доступні в майбутніх сесіях на цьому вебсайті.
		- Запам'ятовувати дані на стороні клієнта ("[local storage](https://developer.mozilla.org/uk/docs/Web/API/Window/localStorage)"), які будуть доступні в майбутніх сесіях на цьому вебсайті.

		## Що НЕ може JavaScript?

		Можливості JavaScript у браузері обмежені для безпеки користувача. Мета полягає в тому, щоб небезпечні вебсторінки не мали доступу до приватної інформації та не могли пошкодити інформацію на комп’ютері користувача.
		Можливості JavaScript у браузері обмежені для безпеки користувача. Мета полягає в тому, щоб небезпечні вебсторінки не мали доступу до приватної інформації та не могли пошкодити інформацію на комп'ютері користувача.

		Приклади таких обмежень:

Expand DownExpand Up		@@ -100,7 +100,7 @@ JavaScript -- це єдина браузерна технологія, яка с

		Цього слід очікувати, тому що проєкти та вимоги різні для кожного.

		Останнім часом з’явилося безліч нових мов, які транспілюються (конвертуються) в JavaScript перед виконанням у браузері.
		Останнім часом з'явилося безліч нових мов, які транспілюються (конвертуються) в JavaScript перед виконанням у браузері.

		Сучасні інструменти роблять транспіляцію дуже швидкою та прозорою, дозволяючи розробникам писати код іншою мовою й автоматично конвертувати його "під капотом".

Expand Down
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		@@ -61,7 +61,7 @@ alert("Привіт");
		[1, 2].forEach(alert);
		```

		Поки що не задумуйтеся, що означають квадратні дужки `[]` і `forEach`. Ми вивчимо їх пізніше. Зараз просто запам’ятайте результат виконання коду: спочатку виведеться `Привіт`, далі `1`, а потім `2`.
		Поки що не задумуйтеся, що означають квадратні дужки `[]` і `forEach`. Ми вивчимо їх пізніше. Зараз просто запам'ятайте результат виконання коду: спочатку виведеться `Привіт`, далі `1`, а потім `2`.

		А тепер видалимо крапку з комою після першого `alert`:

Expand All		@@ -83,7 +83,7 @@ alert("Привіт")
		alert("Привіт")[1, 2].forEach(alert);
		```

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

		Це може статися в інших випадках.
		````
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,15 +6,15 @@
		let ourPlanetName = "Земля";
		```

		Зверніть увагу, ми могли використати коротше ім’я `planet`, але тоді буде незрозуміло, яку планету ми маємо на увазі. Краще описати вміст змінної детальніше. Принаймні до тих пір, поки ім’я змінної неСтанеЗанадтоДовгим.
		Зверніть увагу, ми могли використати коротше ім'я `planet`, але тоді буде незрозуміло, яку планету ми маємо на увазі. Краще описати вміст змінної детальніше. Принаймні до тих пір, поки ім'я змінної неСтанеЗанадтоДовгим.

		## Ім’я поточного відвідувача
		## Ім'я поточного відвідувача

		```js
		let currentUserName = "Іван";
		```

		Знову ж таки, ми можемо скоротити ім’я до `userName`, якщо ми точно знатимемо, що це поточний відвідувач.
		Знову ж таки, ми можемо скоротити ім'я до `userName`, якщо ми точно знатимемо, що це поточний відвідувач.

		Сучасні редактори й автодоповнювачі дозволяють легко писати довгі імена змінних. Не економте букв. Імена з трьох слів цілком нормальні.

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -162,7 +162,7 @@ let message = "Той"; // SyntaxError: 'message' has already been declared

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

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

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

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

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

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

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

		Переваги:

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

Expand Down