Merge branch 'javascript-tutorial:master' into master

Author: dolgachio

.all-contributorsrc

@@ -261,6 +261,24 @@
       "contributions": [
         "translation"
       ]
+    },
+    {
+      "login": "Mouu9",
+      "name": "Mouu9",
+      "avatar_url": "https://avatars.githubusercontent.com/u/97622707?v=4",
+      "profile": "https://github.com/Mouu9",
+      "contributions": [
+        "bug"
+      ]
+    },
+    {
+      "login": "jeneg",
+      "name": "Yevhenii Chubar",
+      "avatar_url": "https://avatars.githubusercontent.com/u/2821652?v=4",
+      "profile": "https://github.com/jeneg",
+      "contributions": [
+        "translation"
+      ]
     }
   ]
 }

1-js/01-getting-started/1-intro/article.md

@@ -1,24 +1,24 @@
 # Вступ до JavaScript
 
-Давайте розглянемо, що такого особливого в JavaScript, що ми дожемо досягти з його допомогою і які ще технології пов’язані з ним.
+Давайте розглянемо, що такого особливого в JavaScript, що ми можемо досягти з його допомогою і які ще технології пов’язані з ним.
 
 ## Що таке JavaScript?
 
 *JavaScript* було створено для того, щоб "зробити веб-сторінки живими".
 
 Програми на цій мові називаються *скриптами*. Їх можна писати прямо на сторінці в коді HTML і вони автоматично виконуються при завантаженні сторінки.
 
-Скрипти виглядають і виконуються як простий текст. Для запуску, їм не потрібна спеціальна підготовка чи компілятор.
+Скрипти надаються та виконуються як простий текст. Для запуску їм не потрібна спеціальна підготовка чи компілятор.
 
-В цьому плані, JavaScript дуже відрізняється від іншої мови програмування — [Java](https://uk.wikipedia.org/wiki/Java).
+У цьому плані JavaScript дуже відрізняється від іншої мови програмування — [Java](https://uk.wikipedia.org/wiki/Java).
 
 ```smart header="Чому цю мову називають <u>Java</u>Script?"
 Коли мову JavaScript було створено, спочатку вона мала іншу назву: "LiveScript". Але тоді була дуже популярна мова програмування Java, тому було вирішено, що позиціонування нової мови як "молодшого брата" Java допоможе у її популяризації.
 
 Але з часом JavaScript значно виріс і став повністю незалежною мовою програмування зі своєю специфікацією [ECMAScript](https://uk.wikipedia.org/wiki/ECMAScript), і зараз немає нічого спільного з Java.
 ```
 
-Сьогодні, JavaScript може виконуватися не тільки в браузері, але й на сервері, або на будь-якому пристрої, який має спеціальну програму — [рушій JavaScript](https://uk.wikipedia.org/wiki/Рушій_JavaScript).
+Сьогодні JavaScript може виконуватися не тільки у браузері, але й на сервері, або на будь-якому пристрої, який має спеціальну програму — [рушій JavaScript](https://uk.wikipedia.org/wiki/Рушій_JavaScript).
 
 Браузер має вбудований рушій, який деколи називають "віртуальною машиною JavaScript".
 
@@ -41,13 +41,13 @@
 Рушій застосовує оптимізації на кожному етапі процесу. Він навіть слідкує за скомпільованим скриптом під час його виконання, аналізує дані, які проходять через скрипт, і оптимізує машинний код на основі цих знань.
 ```
 
-## Що може вбудований в браузер JavaScript?
+## Що може вбудований у браузер JavaScript?
 
 Сучасний JavaScript — це "безпечна" мова програмування. Вона не надає низькорівневого доступу до пам’яті чи процесора, оскільки початково була створена для браузерів, які цього не потребують.
 
 Можливості JavaScript значно залежать від оточення, в якому він виконується. Наприклад, [Node.js](https://uk.wikipedia.org/wiki/Node.js) підтримує функції, які дозволяють JavaScript читати/записувати довільні файли, здійснювати мережеві запити, та інше.
 
-Вбудований в браузер JavaScript може робити все, що зв’язано з маніпуляцією веб-сторінками, взаємодією з користувачем та веб-сервером.
+Вбудований у браузер JavaScript може робити все, що зв’язано з маніпуляцією веб-сторінками, взаємодією з користувачем та веб-сервером.
 
 Наприклад, вбудований у браузер JavaScript може:
 
@@ -59,7 +59,7 @@
 
 ## Що НЕ може вбудований в браузер JavaScript?
 
-Можливості JavaScript в браузері обмежені з метою безпеки користувача. Мета полягає в тому, щоб заборонити небезпечним веб-сторінкам доступ до приватної інформації чи не дати пошкодити дані, що знаходяться на комп’ютері користувача.
+Можливості JavaScript у браузері обмежені з метою безпеки користувача. Мета полягає в тому, щоб заборонити небезпечним веб-сторінкам доступ до приватної інформації чи не дати пошкодити дані, що знаходяться на комп’ютері користувача.
 
 Приклади таких обмежень:
 
@@ -68,7 +68,7 @@
     Сучасні браузери дозволяють працювати з файлами, але доступ до них обмежений і надається тільки тоді, коли користувач виконав відповідні дії, наприклад, перетягнув файл у вікно браузера чи вибрав його через теґ `<input>`.
 
     Є можливість взаємодії з камерою/мікрофоном або іншими пристроями, але для цього потрібен явний дозвіл користувача. Тому сторінка, на якій увімкнений JavaScript, не може нишком увімкнути веб-камеру, спостерігати за оточенням і відсилати інформацію до [СБУ](https://uk.wikipedia.org/wiki/Служба_безпеки_України).
-- Різні вкладки/вікна зазвичай не знають один про одного. Іноді це можливо, наприклад, коли одне вікно використовує JavaScript, щоб відкрити інше. Але навіть в цьому випадку JavaScript з однієї сторінки не має доступу до іншої, якщо вони з різних сайтів (мають різні домени, протоколи чи порти).
+- Різні вкладки/вікна зазвичай не знають один про одного. Іноді це можливо, наприклад, коли одне вікно використовує JavaScript, щоб відкрити інше. Але навіть у цьому разі JavaScript з однієї сторінки не має доступу до іншої, якщо вони з різних сайтів (мають різні домени, протоколи чи порти).
 
     Це називається "[Політикою того ж походження (Same Origin Policy)](https://uk.wikipedia.org/wiki/Політика_того_ж_походження)". Щоб обійти це обмеження, *обидві сторінки* повинні погодитися на обмін даними і містити JavaScript код, який спеціальним чином буде обмінюватися даними. Ми розглянемо це в посібнику.
 
@@ -106,7 +106,7 @@ JavaScript – це єдина браузерна технологія, яка 
 
 Приклади таких мов:
 
-- [CoffeeScript](http://coffeescript.org/) — це "синтаксичний цукор" поверх JavaScript. Він вводить більш короткий синтаксис, дозволяючи нам писати більш чіткий і точний код. Зазвичай, це до вподоби програмістам на Ruby.
+- [CoffeeScript](http://coffeescript.org/) — це "синтаксичний цукор" поверх JavaScript. Він вводить більш короткий синтаксис, що дозволяє нам писати більш чіткий і точний код. Зазвичай, це до вподоби програмістам на Ruby.
 - [TypeScript](http://www.typescriptlang.org/) зосереджений на додаванні "строгої типізації даних", щоб спростити розробку і підтримку складних систем. Розробляється у Microsoft.
 - [Flow](http://flow.org/) також додає типізацію даних, але іншим способом. Розробляється компанією Facebook.
 - [Dart](https://www.dartlang.org/) — це автономна мова, яка має власний рушій, що працює в не-браузерних середовищах (як-от мобільні застосунки), але також може транспілюватися в JavaScript. Розробляється компанією Google.

1-js/01-getting-started/2-manuals-specifications/article.md

@@ -7,7 +7,7 @@
 
 [Специфікація ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) містить найглибшу, найдетальнішу й найбільш формалізовану інформацію про JavaScript. Фактично, ця специфікація визначає мову.
 
-Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація правильне місце. Однак, цей посібник не для повсякденного використання.
+Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація — правильне місце. Однак, це джерело не для повсякденного використання.
 
 Щороку випускається нова версія специфікації. Між цими випусками, остання «чернетка» доступна на сайті <https://tc39.es/ecma262/>.
 

1-js/01-getting-started/4-devtools/article.md

@@ -2,7 +2,7 @@
 
 Будь-який код так і тяжіє до помилок. Швидше за все, ви будете робити помилки... Хоча, про що я говорю? Ви *точно* будете робити помилки, принаймні, якщо ви людина, а не [робот](https://uk.wikipedia.org/wiki/Бендер_(Футурама)).
 
-Зазвичай, користувачі не бачать помилок в браузері. Тому, якщо в скрипті трапиться щось хибне, ми не побачимо помилки і не зможемо її виправити.
+Зазвичай, користувачі не бачать помилок у браузері. Тому, якщо в скрипті трапиться щось хибне, ми не побачимо помилки і не зможемо її виправити.
 
 Щоб побачити помилки і отримати багато інформації про скрипти, було створено і вбудовано в браузери "інструменти розробника".
 
@@ -31,7 +31,7 @@
 
 Нижче повідомлення про помилку є синій символ `>`. Цей символ позначає "командний рядок", де ми можемо вводити команди JavaScript. Натисніть `key:Enter`, щоб їх виконати.
 
-Тепер ми бачимо помилки, цього достатньо, щоб почати. Ми пізніше повернемося до інструментів розробника, щоб розглянути відлагодження в розділі <info:debugging-chrome>.
+Тепер ми бачимо помилки, цього достатньо, щоб почати. Ми пізніше повернемося до інструментів розробника, щоб розглянути відлагодження у розділі <info:debugging-chrome>.
 
 ```smart header="Введення декількох рядків"
 Зазвичай, коли ми вводимо один рядок коду в консоль і натискаємо `key:Enter`, він виконується.
@@ -47,17 +47,17 @@
 
 ## Safari
 
-Safari (стандартний браузер в macOS, не підтримується Windows/Linux) має свої нюанси. Спочатку нам потрібно увімкнути меню "Розробка".
+Safari (стандартний браузер у macOS, не підтримується Windows/Linux) має свої нюанси. Спочатку нам потрібно увімкнути меню "Розробка".
 
 Відкрийте Параметри і перейдіть на панель "Експертні". Знизу буде галочка, яку необхідно вибрати:
 
 ![safari](safari.png)
 
-Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з'явився новий пункт "Розробка" в верхньому меню. Це меню має багато команд та опцій.
+Тепер комбінація клавіш `key:Cmd+Opt+C` може переключати консоль. Також зауважте, що з’явився новий пункт "Розробка" у верхньому меню. Це меню має багато команд та опцій.
 
 ## Підсумки
 
 - Інструменти розробника дозволяють нам переглядати помилки, виконувати команди, досліджувати змінні та багато іншого.
 - Їх можна відкрити клавішою `key:F12` для більшості браузерів в Windows. В Chrome для Mac потрібно натиснути комбінацію клавіш `key:Cmd+Opt+J`, в Safari: `key:Cmd+Opt+C` (але спочатку інструменти потрібно увімкнути).
 
-Тепер в нас є готове середовище. В наступному розділі ми приступимо до самого JavaScript.
+Тепер у нас є готове середовище. В наступному розділі ми приступимо до самого JavaScript.

1-js/02-first-steps/01-hello-world/article.md

@@ -35,7 +35,7 @@
 ```
 
 ```online
-Ви можете запустити приклад, натиснувши на кнопку "Відтворити" у правому верхньому куті поля вище.
+Ви можете запустити приклад, натиснувши на кнопку "Показати" у правому верхньому куті поля вище.
 ```
 
 Тег `<script>` містить код JavaScript, який автоматично виконується, коли браузер обробляє тег.