Детальний розбір запитань на інтервʼю

Добірка питань та відповідей для підготовки до технічних співбесід. Включає JavaScript/Node.js, System Design, бази даних та хмарні технології.

Що не так з var у циклі та setTimeout?

JavaScriptJuniorMiddleТреш запитання

Останнє оновлення: 11/21/2025

Одне з бородатих запитань, яке на даний час можна зустріти тільки на інтервʼю в так звані треш-галери. Найчастіше, питання поділяється на 2 частини:

Спочатку вас запитають який вивід в консолі

for (var i = 0; i < 3; i++) {

setTimeout(() => console.log(i), 100);

}

// Результат

// 3

Ми отримали такий вивід через те що var має функціональну область видимості тому фактично, змінна і спільна для всіх ітерацій. Вона перезаписується на кожній ітерації і на момент завершення циклу, її значення буде 3. Так як setTimeout це макрозадача, вона буде чекати завершення синхронного коду і на момент виклику всіх трьох console.log і=3.

Далі вас можуть запитати як це виправити

Самий очевидний спосіб, це використати let. Він має блочну область видимості і на кожну ітерацію буде створюватись нова область видимості. Окрім let, можна використати IIFE (Immediately Invoked Function Expression), яка теж буде створювати нову область видимості на кожну ітерацію.

for (var i = 0; i < 3; i++) {

(function(i) {

setTimeout(() => console.log(i), 100);

})(i);

}

Переглянути

Яка різниця між async/await i chaining?

JavaScriptJuniorMiddle

Останнє оновлення: 11/18/2025

Це запитання дуже часто задають в контексті розмови про Promise чи Event Loop. Якщо дуже коротко, то різниці з технічної точки зору немає. Можна сказати, що async/await це синтаксичний цукор поверх chaining, який дозволяє писати асинхронний код в синхронному стилі, як це прийнято в більшості мов програмування, наприклад C#.

Вибір між chaining i async/await - це справа смаку, але як показує практика, синхронний стиль написання набагато зрозуміліший і зазвичай, вибір більшості розробників - це async/await.

Розглянемо приклад

// Використання chaining

fetchData()

.then(result => console.log(result))

.catch(error => console.error(error));

// Той самий код, але в async/await стилі

async function run() {

try {

const result = await fetchData();

console.log(final);

} catch (error) {

console.error(error);

}

Переглянути

Як працює RIGHT JOIN?

DatabasesJuniorMiddle

Останнє оновлення: 11/17/2025

RIGHT JOIN - це тип JOIN, який повертає всі рядки з правої таблиці, навіть якщо у лівій таблиці немає відповідних збігів. Якщо збіг у лівій таблиці існує - дані з неї додаються, а якщо немає - замість значень з лівої таблиці буде NULL.

Розберемо приклад

У нас є дві таблиці: users і orders. Наша задача - отримати всі замовлення разом з інформацією про користувача, навіть якщо користувача немає (наприклад, замовлення створено, але користувач був видалений чи не існує).

-- users

id | name

------------

1 | Alice

2 | Bob

3 | Charlie

-- orders

id | user_id | product

------------------------

1 | 1 | Laptop

2 | 1 | Mouse

3 | 2 | Keyboard

4 | 4 | Monitor

Запит буде мати наступний вигляд. Розберемо його детальніше:

SELECT

users.name,

orders.product

FROM

users -- Ліва таблиця

RIGHT JOIN

orders -- Права таблиця: повертаємо всі її рядки

users.id = orders.user_id; -- Умова зв’язку таблиць

В останньому рядку, ім’я буде NULL, але замовлення Monitor буде в результаті, тому що RIGHT JOIN гарантує, що всі рядки з таблиці orders (правої таблиці) будуть включені.

name | product

-----------------------

Alice | Laptop

Alice | Mouse

Bob | Keyboard

NULL | Monitor

Переглянути

Яка різниця між async та defer?

MiddleSeniorJavaScript

Останнє оновлення: 11/17/2025

Це питання часто задають в контексті оптимізації frontend частини продукту. Async і Defer - це атрибути, які використовуються в тегу для підключення зовнішніх JS файлів. Обидва дозволяють НЕ блокувати парсинг HTML під час завантаження скриптів, але вони по-різному поводяться під час виконання. Розберемо, як завантажуються скрипти без додаткових атрибутів і з атрибутами async/defer:

Без атрибутів

Завантаження зовнішніх скриптів блокує парсинг HTML, і все виконується синхронно. Якщо підключити кілька скриптів у <head>, браузер буде чекати, поки не завантажить і не виконає кожен із них.

<head>

</head>

<body>

<h1>Hello</h1>

</body>

Async

При такому підході, завантаження скриптів не буде блокувати парсинг HTML і відбуватиметься паралельно. Скрипт виконається одразу після завантаження, навіть якщо парсинг HTML ще НЕ завершено.

<head>

</head>

<body>

<!--

Скрипти виконаються в рандомному порядку,

так як з async порядок виконання не гарантований

-->

<h1>Hello</h1>

</body>

Defer

Так само як async, defer не блокує парсинг HTML і завантажується паралельно. Але скрипти завжди виконуються в порядку підключення і тільки після завершення побудови DOM.

<head>

</head>

<body>

<h1>Hello</h1>

</body>

Переглянути

Як можна визначити складність алгоритму?

Algorithms and data structuresJunior/Middle/Senior

Останнє оновлення: 11/15/2025

Найперше, розберемось з тим що таке складність алгоритму. Це спосіб оцінити, скільки ресурсів алгоритм споживає в залежності від розміру вхідних даних. Існує два способи, щоб виміряти складність алгоритму.

Time Complexity

Часова складність алгоритму - це спосіб зрозуміти, наскільки він повільнішає, коли даних стає більше. Для вимірювання використовується Big O нотація, яка показує верхню межу вимірювання.

| Нотація | Назва | Пояснення |

|--------------|----------------------|---------------------------------------------------|

| O(1) | Константна | Завжди займає однаковий час. |

| O(log n) | Логарифмічна | Зростає дуже повільно при збільшенні n. |

| O(n) | Лінійна | Час зростає прямо пропорційно кількості даних(n). |

| O(n log n) | Лінійно-логарифмічна | Трохи повільніше за лінійну, але ще ефективна. |

| O(n²) | Квадратична | Повільна, бо має два вкладені цикли. |

| O(2ⁿ) | Експоненційна | Дуже повільна при великому n. |

Розберемо детальніше

O(1) - Яскравим прикладом константної складності є операція присвоювання, або доступ до поля обʼєкта по ключу.

O(log n) - При цій складності, час виконання росте дуже повільно, навіть при значному збільшенні вхідних даних. Прикладів його застосування дуже багато і найпростіший це бінарний пошук.

O(n) - При цій складності, час виконання росте прямо пропорційно збільшенню кількості елементів. Наприклад, ми перебираємо масив з 100 елементів. При використанні алгоритму з логарифмічною складність, при збільшенню кількості елементів до 100 000, ми майже не відчуємо змін в часі виконання алгоритму, тоді як при використанні O(n) алгоритм значно сповільниться.

O(n log n) - Простими словами це поєднання лінійної і логарифмічної складності. Наприклад наш алгоритм використовує стратегію divide and conquer O(log n), щоб розділяти масив і використовує перебір O(n), щоб обробити усі елементи.

O(n²) - Це відбувається тоді, коли для кожного елемента алгоритм перевіряє всі інші елементи. Найчастіше, коли є два вкладені цикли.

O(2ⁿ) - Експоненційна складність є найповільнішою серед всіх. Якщо описати її простими словами, то вона подвоює кількість операції. Наприклад, на 10 елементів, потрібно буде зробити орієнтовно 1024 операції.

Простий приклад визначення складності алгоритму

В нас є функція, яка повертає мінімальне значення масиву. Фактично ми маємо 2 операції, це присвоєння в let min = arr[0] i перебір масиву arr . Операція присвоєння завжди займає константний час O(1), так як не залежить від кількості елементів, тоді як при переборі масиву ми залежимо від кількості елементів в цьому масиві тому складність буде O(n). Визначення складності алгоритму, відбувається по найскладнішій операції. В нас це перебір масиву тому складність функції findMin буде O(n).

function findMin(arr) {

let min = arr[0]; // O(1)

for (let i = 1; i < arr.length; i++) // O(n)

if (arr[i] < min) min = arr[i];

}

return min;

}

Space Complexity

Це кількість додаткової пам’яті, яку алгоритм потребує, окрім вхідних даних. Наприклад, створення додаткових змінних, масивів, обʼєктів і тд. Для визначення space complexity ми використовуємо ту саму Big O нотацію, але оперуємо не кількістю операцій, а кількістю задіяних структур.

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

Переглянути

Як працює LEFT JOIN?

JuniorMiddleDatabases

Останнє оновлення: 11/12/2025

LEFT JOIN - це тип JOIN, який повертає всі рядки з лівої таблиці, навіть якщо у правій таблиці немає відповідних збігів. Якщо збіг у правій таблиці є - дані з неї додаються а якщо збігу немає - замість значень з правої таблиці буде NULL.

Розберемо приклад

Ми маємо дві таблиці users i orders. Наша задача полягає в тому щоб отримати всіх користувачів разом з замовленнями. Якщо в користувача немає замовлення, ми все одно маємо включити його в список тому ми будемо використовувати LEFT JOIN.

-- users

id | name

------------

1 | Alice

2 | Bob

3 | Charlie

-- orders

id | user_id | product

------------------------

1 | 1 | Laptop

2 | 1 | Mouse

3 | 2 | Keyboard

Запит буде мати наступний вигляд. Давайте розберемо його детальніше:

-- Вибираємо стовпці, які хочемо бачити в результаті:

-- name - з таблиці users

-- product - з таблиці orders

SELECT

users.name,

orders.product

FROM

users

-- Робимо LEFT JOIN — тобто беремо ВСІ рядки з таблиці users (ліва таблиця)

-- і додаємо дані з таблиці orders (права таблиця), якщо знайдеться збіг.

LEFT JOIN

orders

-- Визначаємо умову, за якою пов’язуються рядки з обох таблиць:

-- якщо значення users.id збігається з orders.user_id, то ці рядки об’єднуються.

users.id = orders.user_id;

В результаті виконання запиту, ми отримаємо такий результат:

name | product

-------------------

Alice | Laptop

Alice | Mouse

Bob | Keyboard

Charlie | NULL -- Хоч і Charlie не має співпадінь в правій таблиці, LEFT JOIN все одно додає його до вибірки, але в значенні правої таблиці буде NULL

Переглянути

Чи можна відправляти body в GET-запиті?

Tricky QuestionsSenior

Останнє оновлення: 11/3/2025

Це запитання можна віднести до так званих Tricky Questions. Задають його доволі рідко і найчастіше - коли бачать в твоєму CV ElasticSearch. Просто щоб перевірити, чи дійсно ти працював з ним.

Якщо говорити коротко - ТАК, body в GET-запиті можна відправляти. Але хорошим тоном буде дати розгорнуту відповідь на це запитання. В цілому, відправка body в GET-запиті суперечить семантиці HTTP i якщо ви будете це робити, будьте готові, що різні бібліотеки, які працюють з парсингом HTTP-запитів, можуть його не бачити.

Але є винятки, наприклад ElasticSearch, який повністю підтримує і використовує body в GET-запитах. Це зроблено для того, щоб дати змогу простіше описувати складні пошукові запити і уникнути використання POST методів для читання даних.

Переглянути

Яка різниця між PUT i PATCH?

API DesignMiddle

Останнє оновлення: 11/12/2025

Скоріше за все, ви почуєте це запитання в контексті розмови про дизайн REST API. Варто розуміти, що ці методи використовуються для оновлення ресурсу, але мають відмінність в семантиці.

Спосіб оновлення ресурсу

PUT замінює весь ресурс новим представленням. Простими словами, він очікує, що ви будете відправляти всі поля, які описують ресурс, включаючи ті, що не потребують оновлення. PATCH в свою чергу очікує, що ви передасте тільки ті поля, які потребують оновлення.

Ідемпотентність

Згідно семантики HTTP, PUT - це ідемпотентний метод. Якщо ви відправите його 10 разів з таким самим тілом, то він дасть такий ж результат, якщо б ви відправили його один раз. PATCH не обов’язково ідемпотентний і все залежить від реалізації.

Переглянути

Що таке ідемпотентність?

System designMiddleSenior

Останнє оновлення: 11/3/2025

Отже, почнемо з визначення того, що таке ідемпотентність. Це концепція, яка гарантує, що багаторазове повторення дає той самий ефект, як і одноразове.

Найчастіше це запитання звучить в контексті розмови про дизайн REST API, тому доцільно буде розібрати цю концепцію в контексті HTTP-методів.

Наприклад, розберемо метод PUT. Згідно з REST, він займається повним оновленням ресурсу. І якщо ми відправимо його 10 разів з однаковим body, то всі ці виклики дадуть такий самий результат, як і один виклик цього методу.

Те саме стосується GET, DELETE і PATCH. Щодо PATCH, то, згідно зі специфікацією, він може бути як ідемпотентним, так і ні.

Але якщо розібрати метод POST, то згідно концепції REST, кожен виклик буде створювати новий запис в базі даних і таким чином, повторний виклик НЕ дасть однаковий ефект - отже, метод не ідемпотентний.

Додатково, я би рекомендував почитати про ідемпотентність в розподілених системах і розповісти про це на інтервʼю. Також, хорошою практикою буде згадати про Idempotency Key i навести приклад його використання.

Переглянути

Яка різниця між any i unknown в TypeScript?

TypeScriptJunior/Middle/Senior

Останнє оновлення: 10/9/2025

Окрім того, що це запитання часто звучить на інтервʼю, різницю корисно розуміти і для роботи.

Any

Отже, спочатку розберемось з any - простими словами, коли ми його використовуємо, ми відключаємо TypeScript.

let num: any = 1; // ми відключили TypeScript для змінної num

num.push() // TS відключений тому ми можемо використовувати будь які методи

// в числа такого метода не існує тому ми отримаємо помилку в runtime

// але не зловимо її на етапі компіляції чи лінтера

Unknown

Його часто порівнюють з безпечною альтернативою any. Якщо ми вказуємо тип unknown, то ми можемо записувати будь що, але при використанні ми забовʼязані виконати type narrowing і перевірити тип.

let num: unknown = 1;

num = 'some string'; // unknown дозволяє записувати будь що

// якщо ми спробуємо виклакати якийсь метод чи властивість на num

// ми отримаємо помилку і TS забовʼяже перевірити тип

if (typeof num === 'string') {

// тепер ми зможемо викликати будь який метод чи властивість

// які доступні в String

num.toUpperCase();

}

// Для прикладу, застосуємо narrowing для number

if (typeof num === 'number') {

num.toFixed();

}

Якщо підсумувати, то з точки зору безпеки типів - потрібно завжди використовувати unknown і уникати використання any.

Переглянути

Що таке композитні індекси?

SeniorDatabasesMiddle

Останнє оновлення: 10/23/2025

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

Почнемо зі створення:

При створенні композитного індекса, потрібно керуватись селективністю. Спочатку має йти поле з найбільшою селективністю(максимально обрізаємо результати), наприклад customer_id, після чого беремо поле з меньшою селективністю(status) і останнє поле має найменшу селективність(created_at).

Причина такої послідовності - це структура індекса. Якщо спростити, то можна сказати, що вона вкладена і ми можемо доступитись до status, тільки знаючи customer_id.

Давай розберемо на прикладі:

-- Уявимо, що в нас є таблиця замовлень

CREATE TABLE orders (

id SERIAL PRIMARY KEY,

customer_id INT NOT NULL,

status TEXT NOT NULL,

created_at TIMESTAMP NOT NULL

);

-- Ми створюємо композитний індекс на декілька колонок

CREATE INDEX idx_orders_customer_status_created

ON orders (customer_id, status, created_at);

Індекс буде створений коректно, але тобі потрібно буде пояснити правило. При пошуку по цьому індексу, він буде ефективний тільки в випадку передачі значень зліва на право. Отже, якими правилами буде керуватись Query Planner при пошуку:

Очевидно, якщо ми передамо customer_id, status i created_at індекс спрацює так як ми очікуємо.
Якщо ми передамо тільки customer_id і status, індекс все ще буде працювати і шукати дані по цим двом полям.
Якщо ми передамо customer_id i created_at, індекс буде працювати, але Query Planner не врахує created_at, бо ми пропустили status і таким чином розірвали індекс. Це можна побачити запустивши EXPLAIN.
Якщо ми передамо тільки created_at, індекс не спрацює і буде виконаний full scan, так як ми не передали customer_id, який стоїть на першому місці(префікс індексу).

Переглянути

Що таке замкнення в JS?

JuniorMiddleJavaScript

Останнє оновлення: 10/7/2025

Це напевно маст хев питання на інтервʼю, особливо для Junior i Middle розробників. Якщо вас запитали його, то ваша задача відповісти в неочікуваному ключі.

Найперше, розкажіть простими словами, що таке замкнення.

Простими словами - це здатність функції запамʼятовувати область видимості, де вона була оголошена.

Розберемо на простому прикладі:

let count = 0;

function createCounter() {

return function () {

// при спробі доступу до count, шукаємо змінну в середині функції

// в середині функції ми її не знаходимо і починаємо шукати вище

// в createCounter змінної теж нема тому ми рухаємось вище

// ми знаходимо count в глобальній області видимості і використовуємо його

count++;

return count;

};

}

const counter = createCounter();

console.log(counter()); // 1

console.log(counter()); // 2

console.log(counter()); // 3

Після того як ви відповіли на питання, скажіть АЛЕ тут є нюанс.

Якщо розглядати замкнення в контексті high-load чи навіть data-intensive в Node.js проектах, то його необережне використання, може привести до Memory Leaks.

Це відбувається тому що Garbage Collector не очищає обʼєкти на які є посилання. І якщо зберігати в замкненні великі обʼєкти, цілком імовірно отримати проблеми з памʼяттю. Тому варто памʼятати про WeakMap, WeakSet, WeakRef.

Переглянути

Яка різниця між let i var?

JavaScriptJunior

Останнє оновлення: 11/18/2025

Це питання задають не часто, але воно все ще актуальне тому варто розуміти основні відмінності:

Область видимості

var має функціональну область видимості (function scope) тому якщо ми оголошуємо змінну var в блоці {}, вона все одно буде глобальна в рамках функції де була оголошена або в рамках глобального обʼєкту.

if (true) {

var a = 10;

let b = 20;

}

console.log(a); // 10

console.log(b); // undefined або помилка, якщо використовується strict mode

function fn() {

var c = 30;

}

console.log(c) // тут буде undefined, так як функція інкапсулює змінну c

Hoisting

В цілому, як var так і let піднімаються на початок області видимості, але є суттєва різниця при спробі доступу до них.

var піднімається і присвоюється значення undefined, яке ми отримуємо при доступі let піднімається, але при спробі доступу, отримаємо помилку.

console.log(x); // undefined

var x = 5;

console.log(y); // ReferenceError

let y = 10;

Повторне оголошення

var можна оголосити повторно в межах однієї області.

let не можна повторно оголосити в межах одного блоку, бо отримаємо помилку.

Переглянути

Що таке Clustered і Non-Clustered індекси?

DatabasesSenior

Останнє оновлення: 11/18/2025

Класичне питання на знання теорії баз даних і на мою думку з родзинкою. А родзинка заключається в тому, що ви і так працювали з clustered/non-clustered індексами, і точно знаєте їх. Просто не знаєте, що вони так називаються 😁

Найперше дайте відповідь на запитання:

Clustered

Він визначає в якому порядку дані будуть ФІЗИЧНО зберігатись на диску. З цього витікає, що таблиця може мати тільки один clustered index, це майже завжди primary key.

Non-Clustered

Він не змінює дані на диску, а створює окрему структуру для зберігання даних (B-Tree, Hash….). Простими словами, це звичайні індекси, які ми створюємо для оптимізації бази даних.

Після того як ви відповіли на запитання, в вас є можливість повести розмову в потрібне вам русло. Найкраще, після цього запитання почати розповідати про види Non-Clustered індексів.

Переглянути

Яка різниця між type i interface в TypeScript?

TypeScriptMiddleJunior

Останнє оновлення: 11/12/2025

Це часте запитання на інтервʼю, особливо на Junior i Middle позиції. В цілому, те, що зазвичай хочуть почути на інтервʼю - це merge інтерфейсів.

Розберемо на прикладі:

interface IUser {

email: string;

}

interface IUser {

age: number;

}

// TypeScript зробить merge цих двох інтерфейсів

// Це тепер один інтефейс тому IUser буде очікувати і поле age

const user: IUser = {

email: 'test@test.com',

age: 30,

}

Якщо ви спробуєте такий підхід з type, то отримаєте помилку. При відповіді на це питання буде бонусом додати випадки, коли краще використовувати type, коли interface:

interface краще використовувати для опису структури обʼєктів і класів, як це і задумано в ООП.
для всього іншого доцільніше використовувати type, особливо в контексті побудови складних типів: union, utility types, function signatures…

Переглянути

Детальний розбір запитань на інтервʼю

Що не так з var у циклі та setTimeout?

JavaScriptJuniorMiddleТреш запитання

Останнє оновлення: 11/21/2025

Спочатку вас запитають який вивід в консолі

for (var i = 0; i < 3; i++) {

setTimeout(() => console.log(i), 100);

}

// Результат

// 3

Далі вас можуть запитати як це виправити

for (var i = 0; i < 3; i++) {

(function(i) {

setTimeout(() => console.log(i), 100);

})(i);

}

Переглянути

Яка різниця між async/await i chaining?

JavaScriptJuniorMiddle

Останнє оновлення: 11/18/2025

Розглянемо приклад

// Використання chaining

fetchData()

.then(result => console.log(result))

.catch(error => console.error(error));

// Той самий код, але в async/await стилі

async function run() {

try {

const result = await fetchData();

console.log(final);

} catch (error) {

console.error(error);

}

Переглянути

Як працює RIGHT JOIN?

DatabasesJuniorMiddle

Останнє оновлення: 11/17/2025

Розберемо приклад

-- users

id | name

------------

1 | Alice

2 | Bob

3 | Charlie

-- orders

id | user_id | product

------------------------

1 | 1 | Laptop

2 | 1 | Mouse

3 | 2 | Keyboard

4 | 4 | Monitor

Запит буде мати наступний вигляд. Розберемо його детальніше:

SELECT

users.name,

orders.product

FROM

users -- Ліва таблиця

RIGHT JOIN

orders -- Права таблиця: повертаємо всі її рядки

users.id = orders.user_id; -- Умова зв’язку таблиць

name | product

-----------------------

Alice | Laptop

Alice | Mouse

Bob | Keyboard

NULL | Monitor

Переглянути

Яка різниця між async та defer?

MiddleSeniorJavaScript

Останнє оновлення: 11/17/2025

Без атрибутів

<head>

</head>

<body>

<h1>Hello</h1>

</body>

Async

<head>

</head>

<body>

<!--

Скрипти виконаються в рандомному порядку,

так як з async порядок виконання не гарантований

-->

<h1>Hello</h1>

</body>

Defer

<head>

</head>

<body>

<h1>Hello</h1>

</body>

Переглянути

Як можна визначити складність алгоритму?

Algorithms and data structuresJunior/Middle/Senior

Останнє оновлення: 11/15/2025

Time Complexity

| Нотація | Назва | Пояснення |

|--------------|----------------------|---------------------------------------------------|

| O(1) | Константна | Завжди займає однаковий час. |

| O(log n) | Логарифмічна | Зростає дуже повільно при збільшенні n. |

| O(n) | Лінійна | Час зростає прямо пропорційно кількості даних(n). |

| O(n log n) | Лінійно-логарифмічна | Трохи повільніше за лінійну, але ще ефективна. |

| O(n²) | Квадратична | Повільна, бо має два вкладені цикли. |

| O(2ⁿ) | Експоненційна | Дуже повільна при великому n. |

Розберемо детальніше

Простий приклад визначення складності алгоритму

function findMin(arr) {

let min = arr[0]; // O(1)

for (let i = 1; i < arr.length; i++) // O(n)

if (arr[i] < min) min = arr[i];

}

return min;

}

Space Complexity

Переглянути

Як працює LEFT JOIN?

JuniorMiddleDatabases

Останнє оновлення: 11/12/2025

Розберемо приклад

-- users

id | name

------------

1 | Alice

2 | Bob

3 | Charlie

-- orders

id | user_id | product

------------------------

1 | 1 | Laptop

2 | 1 | Mouse

3 | 2 | Keyboard

Запит буде мати наступний вигляд. Давайте розберемо його детальніше:

-- Вибираємо стовпці, які хочемо бачити в результаті:

-- name - з таблиці users

-- product - з таблиці orders

SELECT

users.name,

orders.product

FROM

users

-- Робимо LEFT JOIN — тобто беремо ВСІ рядки з таблиці users (ліва таблиця)

-- і додаємо дані з таблиці orders (права таблиця), якщо знайдеться збіг.

LEFT JOIN

orders

-- Визначаємо умову, за якою пов’язуються рядки з обох таблиць:

-- якщо значення users.id збігається з orders.user_id, то ці рядки об’єднуються.

users.id = orders.user_id;

В результаті виконання запиту, ми отримаємо такий результат:

name | product

-------------------

Alice | Laptop

Alice | Mouse

Bob | Keyboard

Переглянути

Чи можна відправляти body в GET-запиті?

Tricky QuestionsSenior

Останнє оновлення: 11/3/2025

Переглянути

Яка різниця між PUT i PATCH?

API DesignMiddle

Останнє оновлення: 11/12/2025

Спосіб оновлення ресурсу

Ідемпотентність

Переглянути

Що таке ідемпотентність?

System designMiddleSenior

Останнє оновлення: 11/3/2025

Те саме стосується GET, DELETE і PATCH. Щодо PATCH, то, згідно зі специфікацією, він може бути як ідемпотентним, так і ні.

Переглянути

Яка різниця між any i unknown в TypeScript?

TypeScriptJunior/Middle/Senior

Останнє оновлення: 10/9/2025

Окрім того, що це запитання часто звучить на інтервʼю, різницю корисно розуміти і для роботи.

Any

Отже, спочатку розберемось з any - простими словами, коли ми його використовуємо, ми відключаємо TypeScript.

let num: any = 1; // ми відключили TypeScript для змінної num

num.push() // TS відключений тому ми можемо використовувати будь які методи

// в числа такого метода не існує тому ми отримаємо помилку в runtime

// але не зловимо її на етапі компіляції чи лінтера

Unknown

let num: unknown = 1;

num = 'some string'; // unknown дозволяє записувати будь що

// якщо ми спробуємо виклакати якийсь метод чи властивість на num

// ми отримаємо помилку і TS забовʼяже перевірити тип

if (typeof num === 'string') {

// тепер ми зможемо викликати будь який метод чи властивість

// які доступні в String

num.toUpperCase();

}

// Для прикладу, застосуємо narrowing для number

if (typeof num === 'number') {

num.toFixed();

}

Переглянути

Що таке композитні індекси?

SeniorDatabasesMiddle

Останнє оновлення: 10/23/2025

Почнемо зі створення:

Давай розберемо на прикладі:

-- Уявимо, що в нас є таблиця замовлень

CREATE TABLE orders (

id SERIAL PRIMARY KEY,

customer_id INT NOT NULL,

status TEXT NOT NULL,

created_at TIMESTAMP NOT NULL

);

-- Ми створюємо композитний індекс на декілька колонок

CREATE INDEX idx_orders_customer_status_created

ON orders (customer_id, status, created_at);

Очевидно, якщо ми передамо customer_id, status i created_at індекс спрацює так як ми очікуємо.
Якщо ми передамо тільки customer_id і status, індекс все ще буде працювати і шукати дані по цим двом полям.
Якщо ми передамо customer_id i created_at, індекс буде працювати, але Query Planner не врахує created_at, бо ми пропустили status і таким чином розірвали індекс. Це можна побачити запустивши EXPLAIN.
Якщо ми передамо тільки created_at, індекс не спрацює і буде виконаний full scan, так як ми не передали customer_id, який стоїть на першому місці(префікс індексу).

Переглянути

Що таке замкнення в JS?

JuniorMiddleJavaScript

Останнє оновлення: 10/7/2025

Найперше, розкажіть простими словами, що таке замкнення.

Простими словами - це здатність функції запамʼятовувати область видимості, де вона була оголошена.

Розберемо на простому прикладі:

let count = 0;

function createCounter() {

return function () {

// при спробі доступу до count, шукаємо змінну в середині функції

// в середині функції ми її не знаходимо і починаємо шукати вище

// в createCounter змінної теж нема тому ми рухаємось вище

// ми знаходимо count в глобальній області видимості і використовуємо його

count++;

return count;

};

}

const counter = createCounter();

console.log(counter()); // 1

console.log(counter()); // 2

console.log(counter()); // 3

Після того як ви відповіли на питання, скажіть АЛЕ тут є нюанс.

Переглянути

Яка різниця між let i var?

JavaScriptJunior

Останнє оновлення: 11/18/2025

Це питання задають не часто, але воно все ще актуальне тому варто розуміти основні відмінності:

Область видимості

if (true) {

var a = 10;

let b = 20;

}

console.log(a); // 10

console.log(b); // undefined або помилка, якщо використовується strict mode

function fn() {

var c = 30;

}

console.log(c) // тут буде undefined, так як функція інкапсулює змінну c

Hoisting

console.log(x); // undefined

var x = 5;

console.log(y); // ReferenceError

let y = 10;

Повторне оголошення

var можна оголосити повторно в межах однієї області.

let не можна повторно оголосити в межах одного блоку, бо отримаємо помилку.

Переглянути

Що таке Clustered і Non-Clustered індекси?

DatabasesSenior

Останнє оновлення: 11/18/2025

Найперше дайте відповідь на запитання:

Clustered

Non-Clustered

Переглянути

Яка різниця між type i interface в TypeScript?

TypeScriptMiddleJunior

Останнє оновлення: 11/12/2025

Розберемо на прикладі:

interface IUser {

email: string;

}

interface IUser {

age: number;

}

// TypeScript зробить merge цих двох інтерфейсів

// Це тепер один інтефейс тому IUser буде очікувати і поле age

const user: IUser = {

email: 'test@test.com',

age: 30,

}

interface краще використовувати для опису структури обʼєктів і класів, як це і задумано в ООП.
для всього іншого доцільніше використовувати type, особливо в контексті побудови складних типів: union, utility types, function signatures…

Переглянути

Детальний розбір запитань на інтервʼю

Теги:

Що не так з var у циклі та setTimeout?

Спочатку вас запитають який вивід в консолі

Далі вас можуть запитати як це виправити

Яка різниця між async/await i chaining?

Розглянемо приклад

Як працює RIGHT JOIN?

Розберемо приклад

Яка різниця між async та defer?

Без атрибутів

Async

Defer

Як можна визначити складність алгоритму?

Time Complexity

Розберемо детальніше

Простий приклад визначення складності алгоритму

Space Complexity

Як працює LEFT JOIN?

Розберемо приклад

Чи можна відправляти body в GET-запиті?

Яка різниця між PUT i PATCH?

Спосіб оновлення ресурсу

Ідемпотентність

Що таке ідемпотентність?

Яка різниця між any i unknown в TypeScript?

Any

Unknown

Що таке композитні індекси?

Почнемо зі створення:

Давай розберемо на прикладі:

Що таке замкнення в JS?

Найперше, розкажіть простими словами, що таке замкнення.

Після того як ви відповіли на питання, скажіть АЛЕ тут є нюанс.

Яка різниця між let i var?

Область видимості

Hoisting

Повторне оголошення

Що таке Clustered і Non-Clustered індекси?

Clustered

Non-Clustered

Яка різниця між type i interface в TypeScript?

Детальний розбір запитань на інтервʼю

Теги:

Що не так з var у циклі та setTimeout?

Спочатку вас запитають який вивід в консолі

Далі вас можуть запитати як це виправити

Яка різниця між async/await i chaining?

Розглянемо приклад

Як працює RIGHT JOIN?

Розберемо приклад

Яка різниця між async та defer?

Без атрибутів

Async

Defer

Як можна визначити складність алгоритму?

Time Complexity

Розберемо детальніше

Простий приклад визначення складності алгоритму

Space Complexity

Як працює LEFT JOIN?

Розберемо приклад

Чи можна відправляти body в GET-запиті?

Яка різниця між PUT i PATCH?

Спосіб оновлення ресурсу

Ідемпотентність

Що таке ідемпотентність?

Яка різниця між any i unknown в TypeScript?

Any

Unknown

Що таке композитні індекси?

Почнемо зі створення:

Давай розберемо на прикладі:

Що таке замкнення в JS?

Найперше, розкажіть простими словами, що таке замкнення.

Після того як ви відповіли на питання, скажіть АЛЕ тут є нюанс.

Яка різниця між let i var?

Область видимості

Hoisting

Повторне оголошення