Review udpates

Author: Purusah

5-network/07-url/article.md

@@ -1,28 +1,28 @@
 
-# URL об'єкт
+# URL об’єкти
 
 Вбудований клас [URL](https://url.spec.whatwg.org/#api) надає зручний інтерфейс для створення та розбирання URL на частини.
 
-Методи, що дають змогу зробити мережевий запит, досить передати просто рядок, вони не вимагають саме екземпляр класу `URL`. Тому нас нічого не зобов'язує використовувати клас `URL`. Але це дійсно може стати в нагоді.
+Зазвичай, щоб зробити мережевий запит, достатньо передати лише рядок з адресою, передавати саме екземпляр класу `URL` не має жодної потреби. Тому нас ніхто не зобов’язує використовувати клас `URL`. Але іноді це може стати в нагоді.
 
 ## Створення URL
 
-Синтаксис для створення `URL` об'єктів наступний:
+Синтаксис для створення `URL` об’єктів:
 
 ```js
 new URL(url, [base])
 ```
 
 - **`url`** -- повний URL чи, якщо задано другий параметр, тільки шлях (дивись далі),
-- **`base`** -- необов'язковий параметр з "основою" відносно якої буде побудовано URL, якщо в першому параметрі передано тільки шлях.
+- **`base`** -- необов’язковий параметр з "основою" відносно якої буде побудовано URL, якщо в першому параметрі передано тільки шлях.
 
 Наприклад:
 
 ```js
 let url = new URL('https://javascript.info/profile/admin');
 ```
 
-В обох випадках буде згенеровано однакові URLи:
+В обох випадках буде згенеровано однакові URL:
 
 ```js run
 let url1 = new URL('https://javascript.info/profile/admin');
@@ -41,7 +41,7 @@ let newUrl = new URL('tester', url);
 alert(newUrl); // https://javascript.info/profile/tester
 ```
 
-Об'єкт `URL` дозволяє негайно отримати доступ до його складових, тому це зручний спосіб для розбору URL адрес:
+Об’єкт `URL` дозволяє негайно отримати доступ до його складових, тому це зручний спосіб для розбору URL адреси:
 
 ```js run
 let url = new URL('https://javascript.info/url');
@@ -51,21 +51,21 @@ alert(url.host);     // javascript.info
 alert(url.pathname); // /url
 ```
 
-Підказка зі складовими URL:
+Підказка зі складовими URL об’єкту:
 
 ![](url-object.svg)
 
 - `href` повна URL-адреса, те ж саме, що `url.toString()`
 - `protocol` протокол, закінчується символом двокрапки `:`
-- `search` - рядок з параметрами, починається символом знаку запитання `?`
+- `search` -- рядок з параметрами, починається символом знаку запитання `?`
 - `hash` починається символом решітки`#`
 - також можуть бути присутні властивості `user` та `password`, якщо використовується формат для HTTP аутентифікації: `http://login:[email protected]` (не згадано вище, бо рідко використовується).
 
 
-```smart header="`URL` об'єкт можна передати у методи, що використовуються для мережевих запитів замість рядку"
-`fetch` чи `XMLHttpRequest` можуть отримувати `URL` об'єкти майже всюди, де можна передати рядок з URL.
+```smart header="`URL` об’єкт можна передати у методи, що використовуються для мережевих запитів замість рядку"
+`fetch` чи `XMLHttpRequest` можуть використовувати `URL` об’єкти майже всюди, де можна передати рядок з `URL`.
 
-Зазвичай, `URL` об'єкт можна передати в будь-який метод замість рядку, оскільки більшість методів перетворять об'єкт в рядок, що містить повну URL-адресу.
+Зазвичай, `URL` об’єкт можна передати в будь-який метод замість рядку, оскільки більшість методів перетворять об’єкт в рядок, що містить повну URL-адресу.
 ```
 
 ## Параметри пошуку "?..."
@@ -80,18 +80,18 @@ new URL('https://google.com/search?query=JavaScript')
 
 ...Але параметри повинні бути закодованими, якщо вони містять пробіли, не латинські символи тощо (більше про це нижче).
 
-Отже, для цього `URL` має властивість: `url.searchParams`, об'єкт типу [URLSearchParams](https://url.spec.whatwg.org/#urlsearchparams).
+Отже, для цього `URL` має властивість: `url.searchParams`, об’єкт типу [URLSearchParams](https://url.spec.whatwg.org/#urlsearchparams).
 
 Він надає зручні методи для роботи з параметрами пошуку:
 
-- **`append(name, value)`** -- додати параметр з ім'ям `name`,
+- **`append(name, value)`** -- додати параметр з іменем `name`,
 - **`delete(name)`** -- видалити параметр з іменем `name`,
 - **`get(name)`** -- отримати значення параметру з іменем `name`,
 - **`getAll(name)`** -- отримати всі параметри, що мають ім'я `name` (наприклад, `?user=John&user=Pete`),
 - **`has(name)`** -- перевірити чи існує параметр з іменем `name`,
 - **`set(name, value)`** -- встановити/замінити параметр з іменем `name`,
 - **`sort()`** -- відсортувати параметри за іменем, рідко стає в нагоді,
-- ...і це об'єкт також можна перебрати, подібно до `Map`.
+- ...і це об’єкт також можна перебрати, подібно до `Map`.
 
 Приклад з параметрами, що містять пробіли та знаки пунктуації:
 
@@ -118,9 +118,9 @@ for(let [name, value] of url.searchParams) {
 
 Набір символів, що можуть дозволено до використання в URL-адресах, визначено в стандарті [RFC3986](https://tools.ietf.org/html/rfc3986).
 
-Усі інші символи, що не дозволені стандартом, повинні бути закодовані. Наприклад, не латинські букви та пробіл повинні бути заміненими на їх UTF-8 коди, що починаються з `%`. Пробіл буде закодовано у вигляді `%20` (з історичних причин пробіл дозволено закодувати як `+`).
+Усі інші символи, що не дозволені стандартом, повинні бути закодовані. Наприклад, не латинські букви та пробіли мають бути замінені на їх UTF-8 коди, що починаються з `%`. Пробіл буде закодовано у вигляді `%20` (з історичних причин пробіл дозволено закодувати як `+`).
 
-Гарна новина полягає в тому, що `URL` об'єкт виконає всі перетворення автоматично. Нам потрібно тільки передати всі параметри, а потім перетворити `URL` в рядок:
+Гарна новина полягає в тому, що `URL` об’єкт виконає всі перетворення автоматично. Нам потрібно тільки передати всі параметри, а потім перетворити `URL` в рядок:
 
 ```js run
 // для прикладу використано кириличні символи
@@ -137,22 +137,22 @@ URL-адреса стала довшою, бо кожен кириличний 
 
 ### Кодування рядків
 
-До появи `URL`, розробники використовували рядки для URL-адрес.
+До появи `URL` об’єктів, розробники використовували рядки для URL-адрес.
 
-Наразі, зручніше використовувати `URL`, але рядки все ще можна використовувати. У більшості випадків, використання рядків потребує менше коду.
+Наразі, зручніше використовувати `URL` об’єкти, але рядки все ще можна використовувати. У більшості випадків, використання рядків потребує менше коду.
 
 Слід зауважити, якщо ми використовуємо рядки, то закодувати та декодувати символи нам потрібно вручну.
 
 Для цього є вбудовані функції:
 
 - [encodeURI](mdn:/JavaScript/Reference/Global_Objects/encodeURI) - закодувати URL-адресу повністю.
 - [decodeURI](mdn:/JavaScript/Reference/Global_Objects/decodeURI) - розкодувати її.
-- [encodeURIComponent](mdn:/JavaScript/Reference/Global_Objects/encodeURIComponent) - закодувати частину URL-адреси, наприклад, параметри пошуку, шлях чи геш.
+- [encodeURIComponent](mdn:/JavaScript/Reference/Global_Objects/encodeURIComponent) - закодувати частину URL-адреси, наприклад, параметри пошуку, шлях чи хеш.
 - [decodeURIComponent](mdn:/JavaScript/Reference/Global_Objects/decodeURIComponent) - розкодувати відповідну частину.
 
-Може виникнути природне питання: "Яка різниця між `encodeURIComponent` та `encodeURI`? В якому випадку краще використовувати кожну функцію?"
+Може виникнути природне питання: "Яка різниця між `encodeURIComponent` та `encodeURI`? Коли використовувати яку?"
 
-Це стає легше зрозуміти, якщо подивитися на URL-адресу, що показано розділеною на частини вище.
+Це легше зрозуміти, якщо подивитися на URL-адресу, що показано розділеною на частини вище.
 
 ```
 https://site.com:8080/path/page?p1=v1&p2=v2#hash
@@ -196,7 +196,7 @@ alert(url); // https://google.com/search?q=Rock&Roll
 
 Але нам потрібно закодувати `&` всередині параметрів пошуку, інакше ми отримаємо `q=Rock&Roll`, що означатиме `q=Rock` та незрозумілий параметр `Roll`. Не те, що ми очікували.
 
-Нам слід використовувати тільки `encodeURIComponent` з параметрами пошуку для правильного вставлення в рядок URL. Для повної безпеки, слід кодувати ім'я та значення параметрів, якщо ми не можемо бути повністю впевненими, що вони містять тільки дозволені символи.
+Нам слід використовувати тільки `encodeURIComponent` з параметрами пошуку для правильного вставлення в рядок URL. Для повної безпеки, слід кодувати ім’я та значення параметрів, якщо ми не можемо бути повністю впевненими, що вони містять тільки дозволені символи.
 
 ````smart header="Різниця в кодуванні у порівнянні з `URL`"
 Класи [URL](https://url.spec.whatwg.org/#url-class) та [URLSearchParams](https://url.spec.whatwg.org/#interface-urlsearchparams) ґрунтуються на останній специфікації URL: [RFC3986](https://tools.ietf.org/html/rfc3986), але функції `encode*` використовують застарілу версію [RFC2396](https://www.ietf.org/rfc/rfc2396.txt).
@@ -211,7 +211,7 @@ alert(encodeURI(url)); // http://%5B2607:f8b0:4005:802::1007%5D/
 alert(new URL(url)); // http://[2607:f8b0:4005:802::1007]/
 ```
 
-Як бачимо, `encodeURI` заміню квадратні дужки `[...]`, що є помилкою, причиною є те, що IPv6 адреси ще не існували в часи створення стандарту RFC2396 (серпень 1998).
+Як бачимо, `encodeURI` замінила квадратні дужки `[...]`, що є помилкою, причиною є те, що IPv6 адреси ще не існували в часи створення стандарту RFC2396 (серпень 1998).
 
 Такі випадки рідко трапляються, функції `encode*` добре справляються в більшості випадків.
 ````