javascript-tutorial
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
@@ -0,0 +1 @@
+github: iliakan
diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md
@@ -72,8 +72,13 @@
 
     Це називається "[Політикою того ж походження (Same Origin Policy)](https://uk.wikipedia.org/wiki/Політика_того_ж_походження)". Щоб обійти це обмеження, *обидві сторінки* мають погодитися на обмін даними та містити спеціальний JavaScript-код, який здійснюватиме це. Ми розглянемо цю тему в посібнику.
 
+<<<<<<< HEAD
     Знову-таки, це обмеження існує задля безпеки користувача. Сторінка за адресою `http://anysite.com`, яку відкрив користувач, не повинна мати доступ до іншої вкладки браузера з URL-адресою `http://gmail.com` і викрадати звідти інформацію.
 - JavaScript може легко спілкуватися мережею з сервером, від якого отримана поточна сторінка. Але здатність скрипту отримувати дані з інших сайтів/доменів обмежена. Такі запити можливі, але потребують спеціальної згоди (вираженої в HTTP-заголовках) від віддаленого сервера. Це також зроблено задля безпеки.
+=======
+    This limitation is, again, for the user's safety. A page from `http://anysite.com` which a user has opened must not be able to access another browser tab with the URL `http://gmail.com`, for example, and steal information from there.
+- JavaScript can easily communicate over the net to the server where the current page came from. But its ability to receive data from other sites/domains is severely limited. Though possible, it requires explicit agreement (expressed in HTTP headers) from the remote side. Once again, that's a safety limitation.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ![](limitations.svg)
 

diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md
@@ -22,7 +22,7 @@
 
 Ось так відображається помилка в консолі:
 
-![chrome](chrome.png)
+![chrome](chrome.webp)
 
 Точний вигляд інструментів розробника може відрізнятися в залежності від вашої версії Chrome, а також налаштування мови.
 
@@ -49,7 +49,11 @@
 
 Safari (стандартний браузер у macOS, не підтримується Windows/Linux) має свої нюанси. Спочатку нам потрібно увімкнути меню "Розробка".
 
+<<<<<<< HEAD
 Відкрийте Параметри та перейдіть на панель "Експертні". Знизу буде галочка, яку необхідно вибрати:
+=======
+Open Settings and go to the "Advanced" pane. There's a checkbox at the bottom:
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ![safari](safari.png)
 

diff --git a/1-js/01-getting-started/4-devtools/chrome.webp b/1-js/01-getting-started/4-devtools/chrome.webp
diff --git a/1-js/01-getting-started/4-devtools/chrome@2.webp b/1-js/01-getting-started/4-devtools/chrome@2.webp
diff --git a/1-js/02-first-steps/04-variables/article.md b/1-js/02-first-steps/04-variables/article.md
@@ -88,16 +88,26 @@ let user = 'Іван'
 *!*var*/!* message = 'Привіт';
 ```
 
+<<<<<<< HEAD
 Ключове слово `var` *майже* таке, як `let`. Воно теж оголошує змінну, але дещо іншим, "застарілим" способом.
 
 Є деякі відмінності між `let` і `var`, але вони поки що не мають для нас значення. Ми дізнаємося більше про ці відмінності в розділі <info:var>.
+=======
+The `var` keyword is *almost* the same as `let`. It also declares a variable but in a slightly different, "old-school" way.
+
+There are subtle differences between `let` and `var`, but they do not matter to us yet. We'll cover them in detail in the chapter <info:var>.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 ````
 
 ## Аналогія з життя
 
 Ми легко зрозуміємо концепцію "змінної", якщо уявимо її у вигляді "коробки" для даних з унікальною назвою на наклейці.
 
+<<<<<<< HEAD
 Наприклад, змінну `message` можна уявити як коробку з написом `"Повідомлення"` зі значенням `"Привіт!"` всередині:
+=======
+For instance, the variable `message` can be imagined as a box labelled `"message"` with the value `"Hello!"` in it:
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ![](variable.svg)
 
@@ -172,7 +182,11 @@ let userName;
 let test123;
 ```
 
+<<<<<<< HEAD
 Для написання імені, яке містить декілька слів, зазвичай використовують "[верблюжий регістр](https://uk.wikipedia.org/wiki/Верблюжий_регістр)" (camelCase). Тобто слова йдуть одне за одним, і кожне слово пишуть із великої букви й без пробілів: `myVeryLongName`. Зауважте, що перше слово пишеться з маленької букви.
+=======
+When the name contains multiple words, [camelCase](https://en.wikipedia.org/wiki/CamelCase) is commonly used. That is: words go one after another, with each word except the first starting with a capital letter: `myVeryLongName`.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Що цікаво -- знак долара `'$'` і знак підкреслення `'_'` також можна використовувати в іменах. Це звичайні символи, такі ж, як і букви, без будь-якого особливого значення.
 
@@ -197,15 +211,24 @@ let my-name; // дефіс '-' недопустимий в імені
 Змінні з іменами `apple` і `APPLE` -- це дві різні змінні.
 ```
 
+<<<<<<< HEAD
 ````smart header="Нелатинські букви дозволені, але не рекомендуються"
 Можна використовувати будь-яку мову, включно з кирилицею або навіть ієрогліфами, наприклад:
+=======
+````smart header="Non-Latin letters are allowed, but not recommended"
+It is possible to use any language, including Cyrillic letters, Chinese logograms and so on, like this:
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ```js
 let назва = '...';
 let 我 = '...';
 ```
 
+<<<<<<< HEAD
 Технічно тут немає помилки. Такі імена дозволені, проте є міжнародна традиція використовувати англійську мову в іменах змінних (наприклад, `yaLyublyuUkrainu` => `iLoveUkraine`). Навіть якщо ми пишемо маленький скрипт, у нього може бути тривале життя попереду. Можливо, людям з інших країн колись доведеться прочитати його.
+=======
+Technically, there is no error here. Such names are allowed, but there is an international convention to use English in variable names. Even if we're writing a small script, it may have a long life ahead. People from other countries may need to read it sometime.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 ````
 
 ````warn header="Зарезервовані слова"
@@ -260,11 +283,19 @@ const myBirthday = '18.04.1982';
 myBirthday = '01.01.2001'; // помилка, не можна перевизначати константу!
 ```
 
+<<<<<<< HEAD
 Коли програміст впевнений, що змінна ніколи не буде змінюватися, він може оголосити її через `const`, що гарантує постійність і буде зрозумілим для кожного.
+=======
+When a programmer is sure that a variable will never change, they can declare it with `const` to guarantee and communicate that fact to everyone.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ### Константи в верхньому регістрі
 
+<<<<<<< HEAD
 Широко поширена практика використання констант як псевдонімів для значень, які важко запам’ятати і які відомі до початку виконання скрипту.
+=======
+There is a widespread practice to use constants as aliases for difficult-to-remember values that are known before execution.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Такі константи пишуться в верхньому регістрі з використанням підкреслень.
 
@@ -289,15 +320,23 @@ alert(color); // #FF7F00
 
 Коли ми маємо використовувати для констант великі букви, а коли звичайні? Давайте це з’ясуємо.
 
+<<<<<<< HEAD
 Назва "константа" лише означає, що змінна ніколи не зміниться. Але є константи, які відомі нам до виконання скрипту (наприклад, шістнадцяткове значення для червоного кольору), а є константи, які *вираховуються* в процесі виконання скрипту, але не змінюються після їхнього початкового присвоєння.
+=======
+Being a "constant" just means that a variable's value never changes. But some constants are known before execution (like a hexadecimal value for red) and some constants are *calculated* in run-time, during the execution, but do not change after their initial assignment.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Наприклад:
 
 ```js
 const pageLoadTime = /* час, потрачений на завантаження вебсторінки */;
 ```
 
+<<<<<<< HEAD
 Значення `pageLoadTime` невідоме до завантаження сторінки, тому її ім’я записано звичайними, а не великими буквами. Але це все ще константа, тому що вона не змінює значення після присвоєння.
+=======
+The value of `pageLoadTime` is not known before the page load, so it's named normally. But it's still a constant because it doesn't change after the assignment.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Інакше кажучи, константи з великими буквами використовуються як псевдоніми для "жорстко закодованих" значень.
 
@@ -307,18 +346,31 @@ const pageLoadTime = /* час, потрачений на завантаженн
 
 Такі імена повинні мати чіткий і зрозумілий сенс, який описує дані, що в них зберігаються.
 
+<<<<<<< HEAD
 Іменування змінних -- одна з найважливіших і найскладніших навичок у програмуванні. Швидкий погляд на імена змінних може показати, який код був написаний початківцем, а який досвідченим розробником.
 
 У реальному проєкті більшість часу тратиться на змінення і розширення наявної кодової бази, а не на написання чогось цілком нового. Коли ми повертаємося до якогось коду після виконання чогось іншого впродовж тривалого часу, набагато легше знайти інформацію, яку добре позначено. Або, інакше кажучи, коли змінні мають хороші імена.
+=======
+Variable naming is one of the most important and complex skills in programming. A glance at variable names can reveal which code was written by a beginner versus an experienced developer.
+
+In a real project, most of the time is spent modifying and extending an existing code base rather than writing something completely separate from scratch. When we return to some code after doing something else for a while, it's much easier to find information that is well-labelled. Or, in other words, when the variables have good names.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Будь ласка, приділяйте час на обдумування правильного імені для змінної перед її оголошенням. Робіть так, і будете винагороджені.
 
 Декілька хороших правил:
 
+<<<<<<< HEAD
 - Використовуйте імена, які легко прочитати, як-от `userName` або `shoppingCart`.
 - Уникайте використання абревіатур або коротких імен, таких як `a`, `b` та `c`, окрім тих випадків, коли ви точно знаєте, що так потрібно.
 - Робіть імена максимально описовими і лаконічними. Наприклад, такі імена погані: `data` і `value`. Такі імена нічого не говорять. Їх можна використовувати лише тоді, коли з контексту очевидно, на які дані або значення посилається змінна.
 - Погоджуйте з вашою командою (та з самим собою), які терміни будуть використовуватися у проєкті. Якщо відвідувач сайту називається "user", тоді ми маємо давати відповідні імена іншим пов’язаним змінним: `currentUser` або `newUser`, замість `currentVisitor` або `newManInTown`.
+=======
+- Use human-readable names like `userName` or `shoppingCart`.
+- Stay away from abbreviations or short names like `a`, `b`, and `c`, unless you know what you're doing.
+- Make names maximally descriptive and concise. Examples of bad names are `data` and `value`. Such names say nothing. It's only okay to use them if the context of the code makes it exceptionally obvious which data or value the variable is referencing.
+- Agree on terms within your team and in your mind. If a site visitor is called a "user" then we should name related variables `currentUser` or `newUser` instead of `currentVisitor` or `newManInTown`.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Звучить легко? Це дійсно так, проте на практиці створення зрозумілих і коротких імен -- рідкість. Дійте.
 

diff --git a/1-js/02-first-steps/05-types/article.md b/1-js/02-first-steps/05-types/article.md
@@ -94,6 +94,7 @@ const bigInt = 1234567890123456789012345678901234567890n;
 
 Через те, що тип `BigInt` рідко використовується, ми не розглядатимемо його в цьому розділі, проте ми винесли його в окремий розділ <info:bigint>. Прочитайте його, якщо вам потрібні такі великі числа.
 
+<<<<<<< HEAD
 
 ```smart header="Проблеми із сумісністю"
 Цієї миті, підтримка типу `BigInt` є в останніх версіях Firefox/Chrome/Edge/Safari, але не в IE.
@@ -102,6 +103,9 @@ const bigInt = 1234567890123456789012345678901234567890n;
 На сайті *MDN* є [таблиця сумісності](https://developer.mozilla.org/uk/docs/Web/JavaScript/Reference/Global_Objects/BigInt#Сумісність_з_веб-переглядачами), де показано, які версії браузерів підтримують тип `BigInt`.
 
 ## Рядок (string)
+=======
+## String
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 Рядок у JavaScript має бути оточений лапками.
 

diff --git a/1-js/02-first-steps/08-operators/article.md b/1-js/02-first-steps/08-operators/article.md
@@ -265,7 +265,11 @@ alert( c ); // 4
 
 Ланцюгове присвоєння виконується справа наліво. Спочатку обчислюється найправіший вираз `2 + 2`, а потім результат присвоюється змінним ліворуч: `c`, `b` та `a`. Зрештою всі змінні мають спільне значення.
 
+<<<<<<< HEAD
 Знову таки, щоби покращити читабельність коду, краще розділяти подібні конструкції на декілька рядків:
+=======
+Once again, for the purposes of readability it's better to split such code into a few lines:
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
 
 ```js
 c = 2 + 2;

diff --git a/1-js/02-first-steps/09-comparison/article.md b/1-js/02-first-steps/09-comparison/article.md
@@ -209,8 +209,16 @@ alert( undefined == 0 ); // false (3)
 
 ## Підсумки
 
+<<<<<<< HEAD
 - Оператори порівняння повертають значення логічного типу.
 - Рядки порівнюються посимвольно в лексикографічному порядку.
 - Значення різних типів під час порівняння конвертуються в числа. Винятками є порівняння за допомогою операторів строгої рівності/нерівності.
 - Значення `null` і `undefined` рівні `==` один одному і не рівні будь-якому іншому значенню.
 - Будьте обережні, використовуючи оператори порівняння на зразок `>` чи `<` зі змінними, які можуть приймати значення `null/undefined`. Хорошою ідеєю буде зробити окрему перевірку на `null/undefined` для таких значень.
+=======
+- Comparison operators return a boolean value.
+- Strings are compared letter-by-letter in the "dictionary" order.
+- When values of different types are compared, they get converted to numbers (with the exclusion of a strict equality check).
+- The values `null` and `undefined` are equal `==` to themselves and each other, but do not equal any other value.
+- Be careful when using comparisons like `>` or `<` with variables that can occasionally be `null/undefined`. Checking for `null/undefined` separately is a good idea.
+>>>>>>> 20208769e528337949e946f526534d61d38bac47
diff --git a/1-js/02-first-steps/15-function-basics/4-pow/solution.md b/1-js/02-first-steps/15-function-basics/4-pow/solution.md
@@ -10,8 +10,8 @@ function pow(x, n) {
   return result;
 }
 
-let x = prompt("x?", '');
-let n = prompt("n?", '');
+let x = +prompt("x?", '');
+let n = +prompt("n?", '');
 
 if (n < 1) {
   alert(`Степінь ${n} не підтримується, використовуйте натуральне число`);

diff --git a/1-js/02-first-steps/16-function-expressions/article.md b/1-js/02-first-steps/16-function-expressions/article.md
@@ -82,7 +82,7 @@ let sayHi = function() { // (1) створити
   alert( "Привіт" );
 };
 
-let func = sayHi;
+let func = sayHi;  //(2)
 // ...
 ```
-Original file line number
+Diff line change
@@ Expand Up / @@ -82,7 +82,7 @@ let sayHi = function() { // (1) створити @@
       alert( "Привіт" );
     };
-    let func = sayHi;
+    let func = sayHi;  //(2)
     // ...
     ```
@@ Expand Down @@