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/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:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ![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>.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 ````
 
 ## Аналогія з життя
 
 Ми легко зрозуміємо концепцію "змінної", якщо уявимо її у вигляді "коробки" для даних з унікальною назвою на наклейці.
 
+<<<<<<< HEAD
 Наприклад, змінну `message` можна уявити як коробку з написом `"Повідомлення"` зі значенням `"Привіт!"` всередині:
+=======
+For instance, the variable `message` can be imagined as a box labelled `"message"` with the value `"Hello!"` in it:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ![](variable.svg)
 
@@ -197,15 +207,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:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ```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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 ````
 
 ````warn header="Зарезервовані слова"
@@ -260,11 +279,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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ### Константи в верхньому регістрі
 
+<<<<<<< HEAD
 Широко поширена практика використання констант як псевдонімів для значень, які важко запам’ятати і які відомі до початку виконання скрипту.
+=======
+There is a widespread practice to use constants as aliases for difficult-to-remember values that are known before execution.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Такі константи пишуться в верхньому регістрі з використанням підкреслень.
 
@@ -289,15 +316,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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Наприклад:
 
 ```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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Інакше кажучи, константи з великими буквами використовуються як псевдоніми для "жорстко закодованих" значень.
 
@@ -307,18 +342,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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Будь ласка, приділяйте час на обдумування правильного імені для змінної перед її оголошенням. Робіть так, і будете винагороджені.
 
 Декілька хороших правил:
 
+<<<<<<< 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`.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Звучить легко? Це дійсно так, проте на практиці створення зрозумілих і коротких імен -- рідкість. Дійте.
 

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
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Рядок у JavaScript має бути оточений лапками.
 

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.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
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)
 // ...
 ```
 

diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md
@@ -7,7 +7,11 @@
 
 Тому це цілком звичайна ситуація, коли лише частина стандарту реалізована у самому рушії.
 
+<<<<<<< HEAD
 Хороша сторінка, щоб побачити поточний стан підтримки функцій мови, є тут <https://compat-table.github.io/compat-table/es6/> (вона велика, нам доведеться ще багато вивчати).
+=======
+A good page to see the current state of support for language features is <https://compat-table.github.io/compat-table/es6/> (it's big, we have a lot to study yet).
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 Як програмісти, ми б хотіли використовувати найновіші можливості. Чим більше хороших речей — тим краще!
 
@@ -71,9 +75,13 @@ if (!Math.trunc) { // якщо немає такої функції
 
 JavaScript дуже динамічна мова -- скрипти можуть додавати чи оновлювати функції, навіть якщо вони вбудовані.
 
+<<<<<<< HEAD
 Є два цікавих поліфіла:
 - [core js](https://github.com/zloirock/core-js), що підтримує багато функціонала, дозволяє включати лише необхідні функції.
 
+=======
+One interesting polyfill library is [core-js](https://github.com/zloirock/core-js), which supports a wide range of features and allows you to include only the ones you need.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ## Підсумки
 
@@ -83,8 +91,16 @@ JavaScript дуже динамічна мова -- скрипти можуть
 
 Наприклад, пізніше (коли достатньо вивчите JavaScript), ви зможете налаштувати систему збору проєкту на основі [webpack](https://webpack.js.org/) із плагіном [babel-loader](https://github.com/babel/babel-loader).
 
+<<<<<<< HEAD
 Ось хороші ресурси, де можна дізнатися поточний стан підтримки різного функціоналу:
 - <https://compat-table.github.io/compat-table/es6/> - для чистого JavaScript.
 - <https://caniuse.com/> - для браузерних функцій.
+=======
+Good resources that show the current state of support for various features:
+- <https://compat-table.github.io/compat-table/es6/> - for pure JavaScript.
+- <https://caniuse.com/> - for browser-related functions.
+
+P.S. Google Chrome is usually the most up-to-date with language features, try it if a tutorial demo fails. Most tutorial demos work with any modern browser though.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 P.S. Зазвичай браузер Google Chrome підтримує більшість найновіших функцій мови, спробуйте його, якщо демонстрація не працює. Більшість демонстрацій працюють із сучасними браузерами.
diff --git a/1-js/04-object-basics/04-object-methods/8-chain-calls/task.md b/1-js/04-object-basics/04-object-methods/8-chain-calls/task.md
@@ -4,7 +4,11 @@ importance: 2
 
 # Ланцюг викликів
 
+<<<<<<< HEAD
 Існує об'єкт `ladder`, що дозволяє підійматися вгору-вниз:
+=======
+There's a `ladder` object that allows you to go up and down:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ```js
 let ladder = {
@@ -21,7 +25,11 @@ let ladder = {
 };
 ```
 
+<<<<<<< HEAD
 Тепер, якщо нам потрібно зробити кілька викликів послідовно, можна зробити це так:
+=======
+Now, if we need to make several calls in sequence, we can do it like this:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ```js
 ladder.up();
@@ -32,10 +40,18 @@ ladder.down();
 ladder.showStep(); // 0
 ```
 
+<<<<<<< HEAD
 Змініть код `up`, `down` і `showStep` так, щоб зробити доступним ланцюг викликів, наприклад:
+=======
+Modify the code of `up`, `down`, and `showStep` to make the calls chainable, like this:
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 
 ```js
 ladder.up().up().down().showStep().down().showStep(); // shows 1 then 0
 ```
 
+<<<<<<< HEAD
 Такий підхід широко використовується в бібліотеках JavaScript.
+=======
+Such an approach is widely used across JavaScript libraries.
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
diff --git a/1-js/04-object-basics/09-object-toprimitive/article.md b/1-js/04-object-basics/09-object-toprimitive/article.md
@@ -253,7 +253,11 @@ let obj = {
   }
 };
 
+<<<<<<< HEAD
 alert(obj + 2); // 22 ("2" + 2), перетворення до примітиву повернуло рядок => Конкатенація
+=======
+alert(obj + 2); // "22" ("2" + 2), conversion to primitive returned a string => concatenation
+>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
 ```
 
 ## Підсумки
-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 @@