Skip to main content
ITLEAD
Блог
Питання
Задачі
AI-співбесіда
Дорожня карта
Вакансії
🇺🇦
🇺🇸
English
🇺🇦
Українська
🇺🇦
🇺🇸
English
🇺🇦
Українська
Всі категорії питань для IT-співбесіди
Питання для співбесіди з JavaScript
Методи call, apply та bind у JavaScript
Ключове слово this
Прототипи та прототипне наслідування в JavaScript
Замикання
OOP в JavaScript (об'єктно-орієнтоване програмування)
Set, Map, WeakSet та WeakMap у JavaScript
Оператори розповсюдження та залишку в JavaScript: відмінності та приклади
Callback-функція
Чисті функції та побічні ефекти в JavaScript
Promise
Методи масивів з мутацією та без мутації в JavaScript
Promise.all, promise.race, promise.allsettled, promise.any
Type Coercion
Конструкція try...catch
Temporal dead zone (TDZ)
У чому різниця між null і undefined?
Оператор typeof у JavaScript
Яка різниця між async/await i chaining?
Execution context
Оператор optional chaining
Що робить об'єкт Proxy?
Лексичне середовище в JavaScript
for...in VS for...of у масиві
Object.freeze(), object.seal() та object.assign() у JavaScript
Різниця між примітивами та непримітивами в JavaScript
Template literals
Деструктуризація в JavaScript
hoisting
Об'єкт arguments
IIFE, функція, що викликає сама себе
Що таке функції вищого порядку в JavaScript (hof)
Як можна визначити складність алгоритму?
Що таке polyfill?
Область видимості var, let і const
Каррирування
Поверхневе vs глибоке копіювання об'єкта
Область видимості в JavaScript: типи та принципи роботи
Різниця між оператором in та методом hasOwnProperty() у JavaScript
Що таке стек викликів (call stack)?
Пропагування подій у JavaScript та його фази
Різниця між event.preventdefault() та event.stoppropagation()
Як реалізувати мемоізацію функції?
Боксинг та анбоксинг у JavaScript
Оператор instanceof
Помилка з var у циклі та closures
Відмінності між стрілковою функцією, оголошенням функції та виразом функції
Функція queueMicrotask()
Чим event.target відрізняється від event.currentTarget?
Делегування подій (Event Delegation)
Модулі в JavaScript: import/export
defer проти async у тезі script
Що таке ідемпотентність?
Збирач сміття (Garbage Collector)
Що робить WeakRef
NaN
Immutable та mutable дані
async/await для асинхронних запитів
Типи даних у JavaScript
Нестроге (==) проти строгого (===) порівняння
Статичні методи в JavaScript
setTimeout і setInterval в JavaScript
Що таке ланцюжок промісів у JavaScript
Що таке dead letter queue?
Суворий режим у JavaScript
Як скопіювати об'єкт у JavaScript?
Оператор void
Оператор nullish coalescing (??)
Звернення до неіснуючої властивості об'єкта
Конкатенація рядків
Передача за значенням і за посиланням
Помилки та їх обробка
Умовні конструкції
Види циклів в JS
Ключове слово continue
Оператор throw
Function Constructor
Функція-фабрика
функція-обгортка
Функція-декоратор
Генератори
function* у JS
Yield у генераторах
Значення, що повертає генератор
Yield всередині () => {}
Генератори та ітератори
Область видимості
Callback-функція
Callback в іншій функції
Параметри в callback
Рекурсія
Базовий випадок у рекурсії
Які задачі вирішує рекурсія
Хвостова рекурсія
Часткове застосування
Каррування проти часткового застосування
Помилки всередині функцій
Відсутність властивості
Що робить Object.defineProperty()?
Що робить Object.create()?
Оператор ... spread
Що таке асинхронність у JavaScript?
Нескінченний цикл
Що робить Promise.all()?
Що робить Promise.any()?
Що робить await?
Що станеться, якщо не поставити await?
Блокування поточної функції через await
Що робить Web API у браузері?
Як працює WebSocket?
Атрибути vs властивості DOM-елемента
Як заблокувати прокрутку сторінки?
Чим DOMContentLoaded відрізняється від load?
Що робить defer у <script>?
Що робить async у <script>?
Що таке деструктуризація?
Значення за замовчуванням при деструктуризації
Що робить збирач сміття (GC)?
Навіщо використовують virtual DOM?
Типи даних у JS
== проти ===
Способи оголосити змінну: var, let, const
Способи оголосити змінну
Що таке область видимості (scope)?
Область видимості (scope)
Змінна до оголошення
Спливання (hoisting)
Динамічна типізація
Оператор typeof
typeof null
Чому typeof null дорівнює object
Явне і неявне перетворення типів
Чому [] == false повертає true
[] == false ??
Інкремент і декремент
Інкремент і декремент
Оператор ! (логічне НЕ)
Оператор !
Оператор in
Оператор in
Оператор delete
Оператор delete
Оператор instanceof?
Оператор new
Оператор void
Тернарний оператор
Оператор &&
Оператор &&
Оператор nullish coalescing
Truthy/falsy значення
Неіснуюча властивість об'єкта
Що таке JSON?
Робота з JSON: stringify і parse
Робота з JSON
Перевірка на масив
Перевірка на масив
За посиланням чи за значенням
Примітиви та об'єкти в пам'яті
Immutable/mutable дані
Symbol у JavaScript
Symbol у JS
BigInt vs Int
BigInt проти Number
Наявність властивості в об'єкті
Перевірка наявності властивості в об'єкті
Створення об'єкта
Способи створення об'єкта
Оператор spread
Помилки та їх обробка
Optional chaining оператор
Умовні конструкції
break у switch
Види циклів у JS
Ключове слово continue
Ключове слово break
Ключове слово break
Цикл for of
Цикл for in
Оператор label
Оператор label
Глобальні змінні
Чому eval небезпечний?
Чому eval небезпечний
Стрілкові функції проти звичайних
Оголошення функцій
Способи оголошення функцій
Різниця між function declaration і function expression
Різниця між FD і FE
Анонімні функції
Аргументи за значенням
Передача аргументів за значенням і за посиланням
Замикання
Контекст функції
Контекст функції
Ключове слово arguments
...rest параметри
Параметри за умовчанням
spread під час виклику функції
Коли краще не використовувати стрілкові функції?
IIFE
Function.prototype.call
Function.prototype.apply
Метод Function.prototype.apply
call vs apply
call проти apply
Метод Function.prototype.bind
Function.prototype.bind?
Примусове задання this при виклику
toString() у функції
Функція-фабрика
Функція-обгортка
Функції-генератори
Ключове слово function*
Оператор yield у генераторах
Що повертає виклик генератора
Yield усередині стрілкової функції
this у JavaScript
Втрата контексту
Втрата контексту this
Користь від замикань
Користь від closures
Помилка з var у замиканнях і циклі
Область видимості з var | let | const
Директива use strict
use strict
Глобальні змінні
Callback hell
Передавання callback в іншу функцію
Параметри в callback
Синхронний та асинхронний callback
Асинк/синк callback
setTimeout(fn, 0)
setTimeout(fn, 0)
Які задачі розв'язує рекурсія
Заміна рекурсії на цикл
Глибока рекурсія
Глибока рекурсія
Функція вищого порядку
Функція вищого порядку
Чиста функція
Чиста функція
Side effects
Сайд-ефекти
Функція без стану
Функція без стану
Імутабельність у функціях
Іммутабельність у функціях
Currying (карування)
Композиція функцій
Реалізація compose
Реалізація compose
Помилки всередині функцій
Об'єкт в JS
Способи оголосити об'єкт
Способи оголосити об'єкт
Об'єкт vs масив
Ключ-значення
Пари ключ-значення
Нова властивість в об'єкті
Додавання властивості до об'єкта
Видалення властивості з об'єкта
Видалення властивості з об'єкта
Перевірка наявності властивості в об'єкті
Перевірка наявності властивості в об'єкті
Метод Object.keys()
Object.keys()
Метод Object.values()
Метод Object.entries()
Object.entries()
Копіювання об'єкта
Як зробити глибоку копію об'єкта?
Глибока копія об'єкта
Чому оператор = не копіює об'єкт
Чому не можна копіювати об'єкт оператором =?
Копіювання через Object.assign
Копіювання через Object.assign
structuredClone
structuredClone
Об'єктний літерал
Скобкова нотація
Відсутня властивість чи значення undefined
Скорочений запис властивостей
Скорочений запис властивостей ({ x, y })
Геттери та сеттери в об'єкті
Методи об'єкта після створення
Додавання методів після створення об'єкта
Readonly властивості
Властивості тільки для читання
Що робить Object.assign()?
Object.create()
Object.freeze() у JavaScript
Що робить Object.freeze()?
Object.seal() у JavaScript
Що робить Object.seal()?
Що робить Object.preventExtensions()?
Object.preventExtensions() у JavaScript
Що таке прототип?
Ланцюжок прототипів
Що зберігається в __proto__
Чим __proto__ відрізняється від prototype?
Чистий об'єкт без prototype
Чистий об'єкт без prototype
Пошук властивостей у ланцюгу прототипів
Пошук властивостей у ланцюжку прототипів
instanceof та прототипи
this всередині методу об'єкта
toString() у об'єкта
Що робить метод toJSON()?
Метод toJSON() у JavaScript
Що таке "property descriptor"?
Прапорці writable, enumerable, configurable
Флаги writable, enumerable, configurable?
Що робить Reflect.defineProperty()?
Reflect.defineProperty()
Чим Reflect відрізняється від Object?
Що таке пастки (traps)?
Пастки (traps) у Proxy
Метод map у масиві
Метод filter у масиві
Filter у масиві
forEach у масиві
Метод find у масиві
find() у масиві
reduce() у масиві
Метод reduce() у масиві
some() у масиві
Метод some() у масиві
every() у масиві
Метод every() у масиві
sort() у масиві
Метод sort() у масиві
flatMap() vs map()
Створення масиву
Як працювати з масивом
Індекс масиву
typeof для масиву
typeof []
Перевірка на масив
Перевірка значення на масив
Різні типи даних у масиві
Різні типи даних в одному масиві
Ручна зміна length масиву
Зміна length вручну
delete arr[0]
Оператор delete на масиві
delete проти splice()
Звертання до неіснуючого індексу
Звернення до неіснуючого індексу
«щільний» і «розріджений» масив
Щільні та розріджені масиви
Як отримати останній елемент масиву?
Метод push()
Що робить push()?
Що робить pop()?
Метод pop()
Що робить shift()?
Метод unshift()
Що робить unshift()?
push() vs concat()
Що робить splice()?
Метод splice()
Метод reverse() у масивах
Що робить reverse()?
Сортування масиву чисел
Сортування масиву чисел
Метод join() у масивах
Що робить join()?
Метод split() у рядках
Поверхнева копія масиву
Поверхнева копія масиву
Що робить Array.from()?
Метод Array.from()
Що робить Array.of()?
Що таке псевдомасив?
Що робить copyWithin()?
Метод copyWithin()
Що робить toReversed()?
Що робить toSorted()?
Метод toSorted()
Метод toSpliced()
Що робить toSpliced()?
for...in проти for...of у масиві
Деструктуризація з пропуском елементів
Що таке двовимірний масив?
Двовимірний масив
Обхід двовимірного масиву
Як обійти двовимірний масив?
Плаский масив з багатовимірного
Плаский масив з багатовимірного
WeakSet у JavaScript
Що таке WeakSet?
Що таке Map?
map VS object
Map проти об'єкта
WeakMap проти Map
WeakMap VS Map
Асинхронність у JavaScript
Чому JavaScript вважають однопотоковим
Чому JS вважається однопотоковим?
Що означає термін non-blocking
Синхронний і асинхронний код
Синхронний VS асинхронний код
Багатопотоковість у JS?
Блокуюча операція
Блокуюча операція
Що таке event loop
Що таке event loop?
Черга задач (task queue)
Що таке черга завдань (task queue)?
Мікрозадачі (microtasks)
Що таке мікротаски (microtasks)?
Мікро vs Макро таски
Мікро- проти макрозадач
Нескінченний цикл
Типи асинхронних операцій
Що робить і що повертає setTimeout()
Що робить і повертає setTimeout()?
Що робить setInterval()?
setTimeout(fn, 0)
setTimeout(fn, 0)
Гарантія виконання таймера
Гарантія виконання таймера
Вкладені таймери
Вкладені таймери
Що робить queueMicrotask()?
Що робить requestAnimationFrame()?
Функція requestAnimationFrame()
Функція requestIdleCallback()
Що робить requestIdleCallback()?
Що таке callback-функція?
Callback-функція
Що таке "callback hell"?
Що таке callback hell
Що таке Promise?
Коли проміс вважається "виконаним"?
Стани проміса
Чим resolve відрізняється від reject?
Різниця між resolve і reject
then, catch, finally
Як працює ланцюжок промісів?
Ланцюжок промісів
Promise.all() у JavaScript
Promise.allSettled() у JavaScript
Promise.race() у JavaScript
Що робить Promise.race()?
Promise.any() у JavaScript
Як скасувати виконання проміса?
Що роблять AbortController і AbortSignal?
Promise.withResolvers()
Що робить Promise.withResolvers()?
Як працює "мікротаска проміса"?
Мікрозадача проміса
Ключове слово async
Що повертає async-функція?
Що робить await
Що буде, якщо не поставити await
Чому await зупиняє лише поточну функцію
await і стрілочні функції
await у стрілкових функціях
Помилки в async
Обробка помилок у async-функціях
Що робить Web API у браузері
Черга макрозадач (macrotask queue)
Що таке "microtask queue"?
Потоки: ReadableStream і WritableStream
Як працюють streams (ReadableStream, WritableStream)?
Web Workers у JavaScript
Що робить Web Worker?
Що робить postMessage() між потоками?
postMessage() між потоками
Чому Web Worker не має доступу до DOM
Чому Web Worker не має доступу до DOM?
SharedWorker у JavaScript
Що робить SharedWorker?
Що робить Service Worker?
Service Worker
Що таке дерево DOM?
DOM-дерево
Різниця між DOM і HTML
Що таке document?
Об'єкт document
Що таке window?
Об'єкт window
Різниця між window і document
Чим window відрізняється від document?
Що робить navigator?
Об'єкт navigator
Що робить об'єкт history?
Селектори для пошуку DOM-елементів
Селектори для роботи з DOM елементами
Як створити елемент у DOM?
Створення елемента в DOM
Як видалити елемент з DOM?
Безпека і innerHTML
Безпека та innerHTML
Що таке data-* атрибути?
Що таке подія в DOM?
addEventListener і removeEventListener
Що роблять addEventListener() і removeEventListener()?
Чим onclick відрізняється від addEventListener()?
onclick проти addEventListener
Властивість event.target
Що робить event.target?
Метод event.stopPropagation()
Що робить event.preventDefault()?
Метод event.preventDefault()
Спливання подій (event bubbling)
Спливання подій
Делегування подій (Event Delegation)
Занурення подій
Що таке "делегування подій"?
await в обробнику події
await в обробнику події
Анонімна функція як обробник
Скасування відправки форми
Що робить form.reset()?
Метод form.reset()
Блокування прокрутки сторінки
Що робить IntersectionObserver?
IntersectionObserver
Як працює MutationObserver?
MutationObserver
window.location
Що робить window.location?
Що робить localStorage?
localStorage
Що робить sessionStorage?
sessionStorage
localStorage VS sessionStorage
Що робить подія beforeunload?
Подія beforeunload
Що робить подія unload?
Подія unload
Атрибут defer у script
Атрибут async у script
Що таке Canvas API?
Що таке Shadow DOM?
Shadow DOM проти звичайного DOM
Shadow DOM проти DOM
Що таке indexedDB?
Що таке конструктор класу?
Що таке клас у JavaScript?
Клас проти функції-конструктора
Чим клас відрізняється від функції-конструктора?
Чи можна не визначати конструктор?
Чи можна не оголошувати constructor
Як додати метод у класі?
Як додати метод у класі
Метод класу VS функція у властивості об'єкта
Що робить this всередині класу?
Чим стрілкові методи відрізняються від звичайних?
Стрілкові методи проти звичайних
Клас як вираз const A = class {}
Клас як вираз const A = class {}
Ключове слово extends
Ключове слово super
Що робить ключове слово super()?
Кілька конструкторів у класі
Кілька конструкторів у класі
Що робить return всередині конструктора?
return усередині конструктора
Значення за умовчанням для властивостей
Що робить ключове слово static?
Ключове слово static у класах
Як викликати статичний метод
Як викликати статичний метод?
Приватні властивості
Приватні властивості класу
Приватні поля поза класом
Успадкування приватних полів
Чи можна успадковувати приватні властивості?
Геттери і сеттери в класі
Геттери та сеттери
Класи і прототипи
Як класи пов'язані з прототипами?
Перевірка на екземпляр класу
Перевірка на екземпляр класу
Що таке помилка (error) у JavaScript?
Що відбувається, коли виникає помилка
Синтаксична помилка VS runtime
Синтаксична помилка проти runtime-помилки
Що таке виняток (exception)?
Що таке виняток (exception)
Що робить оператор throw
Що робить оператор throw?
Типи помилок у JavaScript
Які типи помилок бувають у JavaScript?
Як створити власний тип помилки
Як створити власний тип помилки?
Що робить конструкція try...catch?
Коли виконується блок catch
Коли виконується блок catch?
Блок finally
Що робить блок finally?
Чи виконається finally, якщо в try є return?
Нова помилка всередині catch
Як створити помилку вручну
Як створити помилку вручну?
Що містить stack trace
Що містить стек викликів (stack trace)?
Що робить instanceof Error?
Розширення Error власними властивостями
Як розширити Error власними властивостями?
Що робить catch() у промісах?
Помилки в async-функціях
Помилки в async функціях
Що таке налагодження?
Способи налагодження в браузері
Способи налагодження в браузері
Що робить оператор debugger?
Оператор debugger
ES6 і чому це найважливіше оновлення
ES6 як найважливіше оновлення JS
Чим let і const відрізняються від var?
Різниця між let, const і var
Що таке стрілкові функції?
Деструктуризація
Що робить оператор ...?
Оператор spread і rest
Різниця між spread і rest
Шаблонні літерали
Теговані шаблонні рядки
Що робить "tagged template literal"?
Класи в JavaScript
Класи в JS
import/export
Що таке "tree shaking"?
Що нового приніс ES6 для асинхронності?
Що ES6 дав для асинхронності
Що таке проміс?
Колекція Map у JavaScript
Що таке Map?
Що робить Set?
Колекція Set у JavaScript
Що таке Symbol?
Тип Symbol у JavaScript
Що таке ітератор?
Proxy, пастки
Proxy і пастки get та set
Об'єкт Reflect
Що робить Reflect?
Що таке BigInt?
Функція structuredClone()
Що робить structuredClone()?
Метрики оцінки продуктивності
Метрики для оцінки продуктивності
Вузькі місця в JS-коді
Вузькі місця в JS-коді
CPU-bound та I/O-bound задачі
Однопотоковість JS
Що означає "неблокуючий код"?
Неблокуючий код
Що таке мемоізація?
Мемоізація функції
Розмір вхідних даних і продуктивність
Розмір вхідних даних
Що таке "bottleneck" в алгоритмах?
Що таке витік пам'яті в JS?
Витік пам'яті в JS
Збирач сміття (GC) у JavaScript
Що таке "tree shaking"?
Таймери та слухачі подій
Таймери та слухачі подій
Профілювання використання пам'яті
Як профілювати використання пам'яті?
Reflow і repaint
Що таке "reflow" і "repaint"?
Групування змін DOM
Групування змін DOM
Методи масиву vs цикли
Методи масиву проти циклів
Блокування event loop
Чому не варто блокувати event loop?
Ділення важкої задачі на частини
Що робить Web Worker?
Мінімізація HTTP-запитів
Мінімізація HTTP-запитів
Що таке "lazy loading"?
Що таке "code splitting"?
Tree shaking
Що робить "tree shaking"?
Мініфікація коду
Мінімізація коду
Чим "defer" відрізняється від "async" у <script>?
Скрипти в head
Скрипти в head
Динамічний імпорт import()
Як виміряти продуктивність JS-коду?
Заміри продуктивності JS-коду
Як WeakMap і WeakSet допомагають збирачу сміття?
Що робить "debounce"?
Що робить "throttle"?
Throttle у JavaScript
Що вимірює Core Web Vitals?
Core Web Vitals
Складові контексту виконання
З чого складається контекст виконання?
Scope chain (ланцюжок областей видимості)
Лексична область видимості в JavaScript
Лексична область видимості
Глобальний об'єкт
Цикл з var і setTimeout
Цикл з var і setTimeout
Детально про Event loop
Що робить AbortController?
AbortController у JavaScript
Що таке збирач сміття (Garbage Collector)? Розкажіть детально, як він влаштований
Як уникнути витоків пам'яті
Як уникнути витоків пам'яті?
Property descriptor (дескриптор властивості)
Що таке property descriptor?
Що робить Proxy?
Об'єкт Proxy
Об'єкт Reflect
Що робить Reflect?
Чому Reflect потрібен разом із Proxy?
Що таке ітератор?
Ітератор
Що таке генератор (function*)?
Генератори та yield
Асинхронний генератор
Tree shaking
Як працює "tree shaking"?
Що таке "top-level await"?
Top-level await
Динамічний імпорт
Динамічний імпорт
Чому eval() небезпечний
Чому eval() небезпечний?
Що робить WeakRef?
Що робить SharedArrayBuffer
Що робить SharedArrayBuffer?
Що таке Temporal API?
Temporal API в JavaScript
Питання для співбесіди з React
React fiber та процес оновлення віртуального DOM
Що означає "SSR + Hydration"?
React.lazy Та suspense — ледачі компоненти в React
Що таке reconciliation?
Що таке batching?
Причини повторного рендерингу компонентів у React
Яка різниця між useCallback i useMemo?
Все про useState
Що робить useEffect()?
Підходи до управління станом у React
Що таке Concurrent Rendering?
Техніки оптимізації продуктивності React
Чому в React потрібен ключ?
Правила використання хуків у React
Порядок рендерингу компонентів та виклику хуків у React
Refs у React (useRef, createref, forwardref)
Що робить патерн "Render Props"?
Методи життєвого циклу компонентів у React
Що робить React.memo()?
Що таке React Server Components (RSC)?
Синтетичні події в React
Різниця між функціональними та класовими компонентми в React
Що таке "prop drilling"?
Що таке кастомні хуки в React
Що таке AbortController?
Що таке Error Boundary?
useTransition та useDeferredValue в React
Що таке React і навіщо він потрібен?
Що таке JSX?
Яка різниця між useEffect i useLayoutEffect?
Що таке children?
Що робить `useSyncExternalStore()`?
Як працює useMemo і навіщо він потрібен
Що таке віртуалізація і навіщо вона потрібна
Що таке WeakMap, WeakSet, WeakRef?
Що таке Virtual DOM?
Що таке портал у React
Що таке HOC?
Підняття стану в React
Чому useImperativeHandle потрібен у React
Що робить useCallback()?
Що робить `useContext()`?
React.StrictMode
Що таке debounce?
Що таке чиста функція?
Що таке мемоізація?
Що робить `<React.Fragment>`?
Що таке "controlled" і "uncontrolled" компоненти?
Що робить useId()?
Що таке замикання в js?
Що таке «Fiber architecture»?
Незмінність у стані React
useReducer vs useState
Що таке Redux?
Що таке RTK Query?
Що таке "commit phase" і "render phase"?
Як React 18 змінив роботу життєвого циклу?
Що таке React?
Чому React називають декларативною бібліотекою?
Що таке компонент в React?
Що таке декларативний підхід?
Чому JSX вимагає один кореневий елемент?
Чому className, а не class?
Що робить key у списках?
Однакові ключі (key) у списках
Рішення про перерисовку компонента
Навіщо потрібен React DevTools?
Що таке компонент у React?
Які типи компонентів існують?
Класовий vs функціональний компонент
Що повинен повертати компонент?
Значення props за замовчуванням
Чи можна змінювати props всередині компонента?
Що станеться, якщо змінити props напряму?
Як передати JSX всередину іншого компонента?
Що таке композиція компонентів?
Що таке "container component"?
Що таке «presentational component»?
Що таке "стан" (state)
State VS props
Де зберігається стан компонента?
Зміна стану напряму
Чому setState не змінює стан миттєво?
Що робить React під час оновлення стану?
initialValue для useState
Як оновити стан на основі попереднього значення?
Новий об'єкт під час оновлення стану
Кілька викликів setState
Що таке іммутабельність стану?
Як оновити елемент масиву у стані?
Плаский стан (flat state)
useReducer проти useState
memo() і стан
Що робить "state colocation"?
Як створити глобальний стан з useContext?
Що таке "derived state"
Що означає "state lifting" (підйом стану)?
client-side state VS server-side state
Що таке хук у React?
Чому хуки замінили класові компоненти?
Що роблять хуки?
Правила хуків
Коли виконується ефект без залежностей?
Порожній масив залежностей
cleanup у useEffect
Чому важливо вказувати всі залежності ефекту?
Питання на глибину для useRef
useRef для доступу до DOM-елемента
Що робить forwardRef()?
Що робить useMemo()?
Коли варто використовувати useMemo()
Коли використовувати useCallback()?
Ререндер при зміні контексту
Як оптимізувати роботу з контекстом?
useReducer() проти useState()
useReducer() VS useState()
Що робить dispatch()?
Що робить useLayoutEffect?
Коли React виконує useLayoutEffect()?
Коли варто використовувати useLayoutEffect?
Що робить useInsertionEffect() (React 18)?
Що робить useTransition()?
Що робить startTransition()?
Що робить useDeferredValue()?
Як створити власний хук?
Інші хуки всередині кастомного хука
Як розділяти бізнес-логіку і UI за допомогою кастомних хуків?
Що таке Context в React?
Які проблеми вирішує Context?
Як створити Context?
Що робить <Context.Provider>?
Доступ до контексту в компоненті
Декілька контекстів у застосунку
Як працює Context в Server Components?
Ререндер дочірніх елементів
Оптимізація контексту
Що робить "selector pattern" у контексті?
Що робить патерн "compound components" з контекстом?
Чому Context не завжди підходить для глобального стану?
Що таке патерн "Context + Reducer"?
Які принципи лежать в основі Redux?
Що робить store у Redux?
Що таке reducer?
Що таке action у Redux?
Що робить dispatch()?
Що робить subscribe()?
Що таке pure reducer (чиста функція)?
Що робить combineReducers()?
Мутація state в reducer
Як взаємодіють store, actions і reducers?
Що робить хук useSelector()?
Що робить хук useDispatch()?
Що таке Redux Toolkit?
Що таке Slice у RTK?
Як RTK реалізує іммутабельність?
Що робить Immer.js всередині Redux Toolkit?
Що робить redux-thunk?
Чим thunk відрізняється від звичайного action?
Що робить abort() у thunk?
Як RTK Query кешує дані?
Що таке Effector?
Чому Effector називають "reactive state manager"?
Чим Effector відрізняється від Redux?
Що таке "event" в Effector?
Що таке "effect" в Effector?
Що таке "domain"?
Що робить sample() в Effector?
Що робить forward()?
Що робить guard()?
Що робить merge()?
Що робить split()?
Що робить `createGate()`
Що таке MobX?
makeObservable і makeObservable
Що таке observable у MobX?
Що таке computed value в MobX?
Що таке action у MobX?
Що робить reaction()?
Як MobX відстежує залежності?
Що робить функція autorun()?
Що робить функція when()?
Чому Zustand називають мінімалістичним state-менеджером?
Що таке "store" у контексті Zustand?
Доступ до стану
Чому Zustand-хуки називаються "селективними"?
Підписка на поле в Zustand
Принцип unopinionated
Що таке middleware у Zustand?
Що робить middleware immer?
Прозора реактивність
Transparent reactivity
Що таке "життєвий цикл" компонента в React?
Стадії життєвого циклу
Життєвий цикл класового VS функціонального компонента
Що відбувається при монтуванні компонента?
Що відбувається при оновленні компонента?
Як життєвий цикл пов'язаний з Virtual DOM?
Що спричиняє повторний рендер?
Що робить componentDidUpdate()?
Що робить shouldComponentUpdate()?
Що робить componentWillUnmount()?
Що робить cleanup-функція в useEffect()?
useEffect як заміна методам ЖЦ
Як React визначає, які компоненти потрібно оновити?
Що робить Fiber Architecture в контексті життєвого циклу?
Чим React.memo() схожий на shouldComponentUpdate()?
Чому React тепер може переривати рендер?
Що робить "transition" у життєвому циклі рендера?
Чому useEffect не гарантовано викликається одразу після commit?
Що робить "flushSync()"?
Що таке рендеринг (rendering) в React?
Повторний рендер
Що робить Virtual DOM?
Що таке "diffing algorithm"?
Ключі (key) і рендер
Що робить Fiber-архітектура в React?
Commit Phase проти Render Phase
commit phase VS render phase
Strict mode і подвійний рендер
Передача callback-функцій
Що робить useCallback()?
Що робить useMemo()?
Оптимізація довгих списків
Що робить "windowing" / "virtualization"?
Що таке Lazy loading компонентів?
Глобальний стейт і продуктивність
Що робить «state normalization»?
Що таке batching в React?
Що робить startTransition()?
Що робить React.lazy()?
Що таке React Server Components (RSC)?
Що робить React Profiler?
Декларативність у React
Єдине джерело істини
Компонентний підхід
Що таке "pure function component"?
Що таке "Container-Presentational Pattern"?
Що таке "Smart" і "Dumb" компоненти?
Feature-Sliced Design
Feature-Sliced Design
Принцип Colocation в архітектурі компонентів
Domain-Driven Design у React
Ізоляція модулів
Що таке "Layered Architecture" у фронтенді?
Що таке "Controlled Component"?
Чим відрізняється "Uncontrolled Component"?
Що робить "Higher-Order Component (HOC)"?
Композиція компонентів
Що робить патерн "Function as Child"?
Що таке "Slot Pattern"?
Що робить патерн «Control Props»?
Кастомні хуки
SRP в React-компонентах
Що робить підхід "Micro-frontend" з React?
Що таке роутинг (routing) у React-застосунку?
Клієнтський VS серверний роутинг
Що робить бібліотека react-router-dom?
Чому при роутингу сторінка не перезавантажується?
Що робить MemoryRouter?
Що робить хук useNavigate()?
Що робить useLocation()?
Що робить useParams()?
Що робить useSearchParams()?
Як отримати query-параметри з URL?
Що таке "nested routes"?
Що робить <Outlet>?
Робота з асинхронними операціями
Запити в тілі компонента
useEffect і асинхронний код
Запит при першому рендері
Як скасувати запит усередині useEffect()?
Як реалізувати індикатор завантаження (Loader)?
Чому не можна зберігати проміси в стані?
Навіщо кешувати результати запитів?
Інвалідація кешу
Що таке "optimistic update"?
Що таке "debounce" і "throttle" при запитах?
Що робить React Query (TanStack Query)?
Що робить SWR?
Suspense і завантаження даних
Що робить useDeferredValue() при роботі з асинхронністю?
Що робить useTransition()?
Що таке "startTransition()"?
Ізоляція API від UI
Client state VS server state
Що означає "idempotent request"?
Помилка в компоненті
Типи помилок у React-застосунку
Чому try...catch не ловить помилки всередині JSX?
Які типи помилок ловить Error Boundary?
async помилки в useEffect
ErrorBoundary і Suspense
Помилки валідації форм
Логування помилок
Що таке SSR?
SSR vs CSR
Переваги SSR
Недоліки SSR
У яких типах проєктів SSR особливо корисний?
Чому SSR може покращити SEO?
SSR і Time to First Paint
Що таке hydration у контексті SSR?
Розбіжність HTML
Що робить сервер до відправлення HTML клієнту?
Що робить middleware в SSR?
JSON.stringify() і його небезпека
Що таке streaming SSR і як він працює?
SSR і lazy loading компонентів
Як SSR працює з маршрутизацією SPA?
Що робить useLayoutEffect() при SSR?
Context і SSR
Що таке React Server Components (RSC)?
Що нового з'явилося в React 18?
Concurrent Rendering
createRoot() vs render()
Що таке батчинг (Automatic Batching)?
setState у React 18
Що робить Suspense у React 18?
Suspense і Data fetching
Що таке "Transition Updates"?
Що робить startTransition()?
Concurrent Mode
Concurrent Mode
Що робить хук useId()?
Що робить хук useSyncExternalStore()?
Що робить хук useInsertionEffect()?
Що робить useDeferredValue()
hydration в React 18
Що таке Fiber у контексті React 18?
Що таке React Server Components (RSC)?
Actions у React 19
Що таке useFormStatus?
Що таке useOptimistic
Що нового про API use (читання ресурсів, Promise тощо)?
Server Components у React 19
Важливість TS у сучасних застосунках
Чим JSX відрізняється від TSX?
Як типізувати стан за допомогою useState()?
Як типізувати useRef()?
Як типізувати useMemo()?
Як типізувати useCallback()?
Як типізувати обробники подій?
Як типізувати контекст?
Для чого потрібен тип React.ReactNode?
Питання для співбесіди з HTML
Нові можливості та API html5
Семантичний HTML
Що таке doctype в HTML
Що таке DOM?
Різниця між тегами strong та b в HTML
Різниця між script, async та defer
Необхідні мета-теги в HTML
Доступність вебу та атрибути ARIA
Що таке HTML і для чого він використовується?
Як HTML пов'язаний з CSS та JavaScript?
З чого складається HTML-документ?
Що робить браузер під час завантаження HTML-файлу?
Що означає «дерево елементів»?
Що відбувається під час парсингу HTML браузером?
Які основні секції входять в HTML-документ?
Що робить елемент <body>?
Що таке тег в HTML?
Що таке атрибут в HTML?
Що означає термін «семантика» в контексті HTML?
Чому семантична розмітка важлива для веброзробки?
Як семантика впливає на SEO?
Чому не рекомендується використовувати <div> і <span> для всього контенту сторінки?
Розкажіть про основні семантичні теги, які використовуються в розробці
У чому різниця між <main> і <section>?
Чому важливо використовувати заголовки <h1>-<h6> по порядку?
Чому правильна семантика покращує навігацію для користувачів з обмеженими можливостями?
Які інструменти допомагають перевіряти семантику HTML?
Що таке атрибути даних у HTML
Що таке HTML-тег?
З яких частин складається HTML тег?
Що таке парні та непарні (void) теги?
Навіщо потрібні теги <head> і <body>?
Які основні категорії тегів існують в HTML5?
Чим блокові елементи відрізняються від рядкових (inline)?
Для чого використовується <div>? Чому <div> часто називають «універсальним контейнером»?
Що таке атрибут в HTML?
Чи має значення порядок атрибутів?
Які атрибути використовуються найчастіше в роботі?
Для чого використовується атрибут id?
Що робить атрибут class?
Що робить атрибут style?
Що робить атрибут defer у <script>?
Що робить атрибут async у <script>?
HTML форми та вбудована валідація
Що таке елемент <head> в HTML?
Що міститься всередині <head>?
Чому порядок тегів усередині <head> важливий?
Що робить тег <title> усередині <head>?
Що таке мета-теги в HTML?
Що робить <meta charset="UTF-8">?
Що робить <meta name="description">? Чому він важливий для SEO?
Що робить <meta name="robots">?
Що робить <meta name="keywords"> і чи актуальний він?
Що робить <meta name="viewport"> і чому він важливий?
Для чого використовують мета-теги og:title, og:description, og:image?
Що робить тег <link>? Як підключається CSS?
Що таке favicon?
Як елемент <form> пов'язує поля вводу та відправлення даних?
Що робить атрибут action у <form>?
Що робить атрибут method у <form>?
Чим відрізняються методи GET і POST під час відправлення форми?
Що робить елемент <input>?
Що робить <textarea> і коли його варто використовувати?
Як зробити <input> для введення пароля?
Що робить <select>?
Як додати у форму завантаження картинки в HTML?
Що робить <label>? Як <label> пов'язується з полем вводу?
Як зробити найпростішу radio button у HTML?
Що робить name у поля форми?
Що робить елемент <img> в HTML?
Як браузер завантажує зображення, вказане в src?
Як приховати елементи візуально, але зберегти їх доступними для екранних читалок
Що станеться, якщо зображення не знайдено за вказаним шляхом?
Чому важливо вказувати розміри (width, height) для зображень?
Що робить атрибут loading="lazy"?
Чому важливо оптимізувати зображення перед завантаженням?
Що таке прогресивний JPEG?
Що робить атрибут srcset?
Що робить елемент <video>? Як вказати джерело відео в HTML?
Що робить елемент <audio>?
Що робить елемент <canvas>?
Що робить елемент <svg>?
Чим SVG відрізняється від растрових зображень?
Що таке посилання (hyperlink) в HTML?
Як вказати посилання в тегу <a>?
Чим відрізняються абсолютні та відносні посилання?
Що таке фрагмент | якір (anchor) у посиланні?
Як перейти до елемента за ID через посилання в HTML?
Як відкрити посилання в новій вкладці в HTML?
Який тег використовують для групування навігаційних посилань?
Що таке "breadcrumbs" (хлібні крихти)?
Що таке "sitemap" і як він пов'язаний з навігацією?
Які основні елементи складають структуру таблиці?
Що робить тег <table>?
Що робить тег <tr>?
Що робить тег <th>?
Що робить атрибут colspan?
Що робить атрибут rowspan?
Що означає термін «a11y»?
Чому доступність важлива у веброзробці? Кого вона стосується?
Чому важливо забезпечувати доступність з клавіатури?
Чому важливо підтримувати доступність для скринридерів?
Чому важливо тестувати колірний контраст?
Що означає «responsive accessibility»?
Чому важливо використовувати правильні HTML-теги замість <div> / <span>?
Що таке альтернативний текст (alt text)?
Які основні типи ARIA-атрибутів існують?
Що робить атрибут role?
Які інструменти допомагають тестувати доступність?
Питання для співбесіди з CSS
Що таке Container Queries?
Що таке адаптивний веб-дизайн
Специфічність селекторів CSS
Властивість позиціонування CSS
CSS z-index та контекст накладення
CSS grid layout
Логічні властивості CSS
Проблеми та рішення CSS-in-js
Що таке vh, vw, vmin та vmax у CSS
CSS функції: calc(), clamp(), min(), max()
CSS селектори
Що таке каскад у CSS
Властивість рендеринг CSS
CSS flexbox макет
Порівняння flexbox та CSS grid
CSS властивості для створення анімацій та плавних перехідних ефектів
CSS препроцесори: SASS, SCSS та LESS
Методи ізоляції стилів у CSS
CSS одиниці: px, rem, em
Що таке CSS і для чого він використовується?
Що таке властивість і значення в CSS?
CSS змінні (користувацькі властивості)
Якими способами можна підключити CSS до HTML?
Що робить атрибут style всередині HTML-тегу?
Різниця між CSS reset та normalize
Чому inline-стилі вважаються поганою практикою?
Що означає «каскад» у поведінці CSS-правил?
У якому порядку застосовуються CSS-правила?
Що таке «успадкування» в CSS? Які властивості типово успадковуються?
Які бувають абсолютні одиниці вимірювання в CSS?
Які бувають відносні одиниці вимірювання в CSS?
Що таке CSS-змінні? Як оголосити змінну в CSS?
Що таке «reset CSS»?
Що робить normalize.css?
Що таке CSS-препроцесор?
Що таке селектор у CSS? Для чого використовуються селектори?
Що означає термін «специфічність» у CSS?
Як розраховується специфічність? Як виглядає формула специфічності?
Який пріоритет у селектора ID?
Як впливає порядок оголошення на підсумковий стиль?
Як задати стилі всім елементам на сторінці?
Як задати стилі за класом?
Як задати стилі за атрибутами?
Що робить кома , у селекторах?
Чим h1, h2, h3 відрізняється від h1 h2 h3 в описі стилів?
Що таке псевдоклас? Які псевдокласи ви знаєте?
Що робить :first-child?
Що таке псевдоелемент? Чим псевдоелемент відрізняється від псевдокласу?
Що робить ::before?
Як !important впливає на специфічність?
Які способи задання кольору підтримує CSS?
Як задати колір тексту елемента?
Чим відрізняється rgb() від rgba()? Що робить альфа-канал?
Що робить значення transparent?
Як вказати шрифт для тексту?
Що таке fallback-шрифт?
Що робить правило @font-face?
Які одиниці вимірювання можна використовувати для розміру шрифту?
Що робить властивість line-height?
Що таке Box Model у CSS? З яких частин складається Box Model?
Що таке content-box?
Що таке padding-box?
Що таке «content area»?
Як overflow: auto впливає на розміри блока?
Що таке padding?
Що робить margin?
Чим margin відрізняється від padding
Чи можна задавати margin від'ємним?
Як CSS розраховує підсумковий розмір елемента?
Чим inline-елементи відрізняються від block-елементів?
Що робить властивість display?
Що таке «collapsing margins»?
Що таке позиціонування елементів у CSS?
Як змінити колір у файлі svg?
Як CSS керує положенням елементів на сторінці?
Які типи позиціонування існують у CSS?
Що робить position: relative?
Що робить position: absolute?
Чому елемент з absolute «випадає» з потоку?
Що робить position: fixed? До чого прив'язується елемент з fixed?
Що робить position: sticky?
Як працює механізм «прилипання» під час скролу?
Що робить властивість z-index?
Як display впливає на поведінку позиціонованих елементів?
Властивість CSS box-sizing
Що таке Flexbox?
У чому перевага Flexbox перед float-версткою?
Як активувати Flexbox для контейнера?
Властивість CSS overflow
CSS співвідношення сторін
Як задати напрямок головної осі?
CSS Object-fit та Object-position
Що робить властивість flex-wrap?
Як flex-wrap впливає на вирівнювання елементів?
Що робить flex-flow?
Що робить властивість justify-content?
Що робить align-items?
Як вирівняти елемент індивідуально?
Що робить flex-grow?
Що робить flex-basis?
Що робить властивість order?
Що таке CSS Grid Layout?
Блокові, інлайнові та інлайново-блокові елементи в HTML та CSS
Чим CSS Grid відрізняється від Flexbox?
Що таке «grid area»?
Різниця між visibility: hidden та display: none
Що робить властивість grid-template-columns?
Що робить властивість grid-template-rows?
Що означає одиниця fr?
Що робить repeat() у Grid?
Що робить властивість grid-template?
Що робить grid-template-areas?
Що робить властивість gap?
Що таке адаптивний (responsive) дизайн?
Що означає «elastic layout»?
Що таке «fluid design»?
Що таке viewport у контексті веба?
Чим відрізняються абсолютні та відносні одиниці?
Що таке media query? Для чого вони використовуються?
Що таке breakpoint в адаптивному дизайні?
Як Flexbox і Grid layout допомагають створювати адаптивні макети?
Що таке container queries? Чим вони відрізняються від media queries?
Що таке анімація в CSS? Як її задати?
Чим анімація відрізняється від переходу (transition)?
Що таке «стани» в CSS-анімаціях?
Що робить властивість transition-timing-function?
Що таке @keyframes в анімаціях?
Що робить transform: perspective()?
Що робить селектор :has()?
Що робить :is()?
Що робить :where()?
Що робить одиниця виміру lh?
Що робить clamp()?
Що таке Scroll-driven Animations?
Що робить subgrid? Чим subgrid відрізняється від вкладених grid-контейнерів?
Що робить директива @layer?
Як оголосити і використати змінну в CSS?
Що таке псевдоклас у CSS?
Чому медіа-запити потрібні в CSS
Які псевдокласи ви знаєте?
Що таке псевдоелемент?
Які псевдоелементи ви знаєте?
Що робить :hover?
Що робить :root?
Що робить ::before?
Де розташовуються ::before і ::after у потоці?
Як псевдокласи впливають на специфічність?
Що означає термін «каскад» у CSS?
Чому transform кращий для анімацій, ніж top, left
Як !important впливає на порядок джерел?
Що таке успадкування в CSS?
Властивість CSS will-change
Які властивості успадковуються типово?
Що робить ключове слово inherit?
Що таке методологія BEM (блок елемент модифікатор)
Питання для співбесіди з TypeScript
Що таке type narrowing?
Що означає infer у TypeScript?
Що таке "conditional type"?
Що означає "структурна типізація"?
Що таке union типи?
Типові асерції в TypeScript
Що таке "mapped type"?
Що таке "type guard"?
Відмінності між any та unknown у TypeScript
Відмінності між type та interface в TypeScript
Що робить ключове слово implements?
Що таке "discriminated union"?
Літеральні типи в TypeScript
Що таке тип never?
Злиття декларацій у TypeScript
Типи кортежів у TypeScript
Що робить Partial<T>?
Що робить NonNullable<T>?
Оператор satisfies у TypeScript
Утилітний тип awaited у TypeScript
Що таке контекст виконання (execution context)?
Чому потрібен TypeScript, переваги та недоліки
Що таке enum у TypeScript?
Що таке перевантаження функцій (overload)?
Що робить Exclude<T, U>?
Що робить Extract<T, U>?
Модифікатори доступу в TypeScript: public, private, protected, readonly
Що таке декоратори в TypeScript?
Типи шаблонних літералів у TypeScript
Що робить Required<T>?
Що робить Readonly<T>?
Що робить Record<K, T>?
Що робить ReturnType<T>?
Константні твердження (as const) у TypeScript
Абстрактні класи в TypeScript
Утилітний тип pick у TypeScript
Утиліта type omit в TypeScript
Яку проблему вирішують hooks в React?
Що таке n + 1 проблема в GraphQL?
Що таке TypeScript?
Надбудова над JavaScript
Що означає "статична типізація"?
Що означає "строга типізація"?
Користь статичної та строгої типізації
Чому TypeScript покращує якість коду?
Чому TS-код потрібно компілювати?
Що таке tsconfig.json?
Чому TS не вимагає завжди писати типи явно?
Що таке "type safety"?
Runtime-помилки та TS
Примітивні типи
Що таке тип string?
Що робить тип boolean?
Що таке тип bigint?
Що робить тип symbol?
Що означає тип void?
Що означає тип unknown?
Що робить тип any?
Коли використовувати any?
Що робить ключове слово type?
Що робить ключове слово interface у TS?
Що таке тип (type) в TypeScript?
Що таке інтерфейс у TypeScript?
У чому відмінність типів від інтерфейсів?
Чому інтерфейси частіше застосовуються для об'єктів?
Як задати опціональні поля в інтерфейсі або типі?
Незмінні поля
Динамічні ключі об'єкта
Що таке index signature в інтерфейсі?
Множинне наслідування
Як об'єднати кілька типів?
Успадкування типу та інтерфейсу
Однакове ім'я інтерфейсів
structural typing в інтерфейсах
Перетин типів
Об'єднання типів
Рекурсивний тип
Типізація параметрів у функції
Тип значення, що повертається
Автоматичне виведення типу значення, що повертається
void у функції
Never у функції
Як задати параметр за умовчанням?
Типізація асинхронних функцій
Як вказати тип функції в інтерфейсі або type?
Як створити тип функції за допомогою type?
Як оголосити масив у TypeScript?
Чим запис string[] відрізняється від Array<string>?
Різні типи в масиві
Як оголосити двовимірний масив чисел?
Що таке кортеж у TypeScript?
Що таке Set у TypeScript?
Що таке Map у TypeScript?
Що таке union тип у TypeScript?
Об'єднання кількох типів
Об'єднання примітивів та об'єктів
Оператор in при перевірці union
Що означає "discriminated union"?
Exhaustive check через never
Що таке intersection тип?
Перетин примітивів
Перетини readonly | optional
Що таке дистрибутивна поведінка union-типів?
Теорія множин
Що таке Utility Types у TypeScript?
Що робить Pick<T, K>?
Що робить Omit<T, K>?
Що робить ConstructorParameters<T>?
Що робить InstanceType<T>?
Utility types для рядків
Чим дженерики відрізняються від any?
Як оголосити функцію з generic-параметром?
Виведення generic-типу
Виведення типу з generics
Кілька дженериків
Обмеження в дженериках
Як оголосити generic-тип через type?
Тип за замовчуванням у дженерику
extends у generic-параметрах
Тип не проходить обмеження
Як обмежити generic-тип ключами іншого типу?
Як дістати тип аргументів функції через infer?
Conditional generics
T extends never
Що означає "union narrowing"?
Що означає infer у TypeScript?
Навіщо потрібне звуження типів?
Що таке Discriminated Unions?
Що таке discriminant property?
Що таке index access types?
Index Access Types
Оператор keyof
JS vs TS typeof
JS vs TS класи
Типізація конструктора
Чи можна перевантажити (overload) конструктор?
Модифікатори доступу
Що робить модифікатор доступу public?
Що робить модифікатор доступу private?
Що робить модифікатор доступу protected?
Типізація методів класу
Що робить ключове слово static?
Як клас реалізує інтерфейс?
Чим implements відрізняється від extends у класах?
Чи можна зробити generic-клас?
Що таке type narrowing у TypeScript?
Коли відбувається звуження типів?
Безпека коду і narrowing
Що таке type guard function?
Що означає "control flow based narrowing"?
Чим небезпечний any у проєкті?
Твердження типу (as)
Type assertion (as)
unknown проти any
unknown vs any
Generic без extends
Чому enum часто вважають антипатерном у TS?
ts-ignore
strict: false
strict: false
Типізація заради типізації
Питання для співбесіди з Vue
Як працює реактивність у Vue.js?
Що робить `ref()`?
Компоненти Vue та їх життєві цикли
Що таке Vue.js?
Options API та composition API
Декларативність Vue.js
Як Vue оновлює DOM при зміні даних?
Що таке компонент у Vue.js?
односпрямований потік даних
Що таке Options API?
Що таке Composition API?
Зв'язок даних та UI
Що таке директива?
Що таке Slot у Vue.js?
Що таке "layout component"?
Роутинг та навігація
Як працює двостороннє зв'язування (v-model)?
Що таке реактивність у Vue.js?
Як Vue відстежує зміни даних?
Обчислені, методи та спостерігачі у Vue.js
Значення властивості в data
Реактивність і декларативність
Що таке nexttick у Vue.js?
реактивність VS зв'язування даних
Що таке "реактивне дерево" (reactivity tree)?
Proxy і нова система реактивності
Ререндер компонентів
Ефекти та реактивність
Що робить `reactive()` у Vue 3?
Що робить toRefs()?
Що робить watch()?
Компонент у Vue.js
Випромінювання та користувацькі події у Vue.js
У чому переваги компонентного підходу?
Як ефективно передавати дані між компонентми?
Що таке локальні та глобальні компоненти?
Як зареєструвати глобальний компонент у Vue 3?
Як зареєструвати локальний компонент?
Динамічні компоненти у Vue.js
Що таке шаблон компонента?
Асинхронні компоненти та затримка в Vue.js
Що може містити компонент у Vue?
Що таке дерево компонентів?
Що таке `props` у Vue?
Чому props мають бути незмінними?
Що таке emit?
Що таке слот у Vue?
Хуки життєвого циклу
Чим відрізняються хуки в Options API і Composition API?
Що таке асинхронний компонент?
Що таке стан (state) у контексті Vue.js?
Що таке прив'язки атрибутів у Vue?
Local VS Global state
Користувацькі директиви у Vue.js
Де зберігається стан в Options API?
Що таке data() в Options API?
Що означає реактивність стану?
Як компонент дізнається, що стан змінився?
Що таке обчислювані властивості (computed)?
Чим computed відрізняється від звичайного методу?
Що таке watch?
Що таке provide/inject?
Коли локальний стан кращий за глобальний?
Що таке Pinia?
Що таке директиви Vue?
V-model у Vue.js
Чим директиви відрізняються від звичайних HTML-атрибутів?
Що робить модифікатор у директиві?
Що робить аргумент у директиві?
Які вбудовані директиви існують у Vue?
Для чого використовується v-bind?
Для чого використовується v-on?
Як працює v-if?
Чим відрізняється v-if від v-show?
Як працює v-for?
Що станеться, якщо використовувати v-for без ключа (key)?
Для чого використовується v-model?
Що таке модифікатори v-model?
Для чого використовується v-once?
Що робить директива v-memo?
Для чого використовується v-cloak?
Для чого використовується v-pre?
Що таке життєвий цикл компонента Vue?
Які основні етапи життєвого циклу компонента?
Як додати резервний контент для слотів у Vue?
Для чого використовується хук `beforeCreate`?
Коли викликається mounted?
Коли викликається destroyed?
Які хуки життєвого циклу доступні в Composition API?
Що таке <keep-alive>?
Коли стають доступними ref-елементи?
Чи можна використовувати ref всередині композиційних хуків?
Що таке двостороннє прив'язування даних?
Як працює директива v-model?
Що робить модифікатор .lazy?
Що робить модифікатор .trim?
Що робить модифікатор .number?
Яка різниця між value та modelValue?
Що робить директива `v-on`?
Що таке модифікатори подій?
Що таке key modifiers?
Що таке $emit?
Як використовувати ref для форми?
Як використовувати reactive для форми?
defineProps, defineEmits та defineExpose у Vue.js
Що таке Composition API?
Чи можна використовувати Composition API разом з Options API?
Що таке ref()?
Що робить reactive()?
Що таке computed()?
Що робить shallowRef()?
Що таке watch()?
Що робить параметр `deep`?
Що робить параметр immediate?
Які хуки життєвого циклу доступні?
Як оголошувати props у setup?
Що таке emit?
Що таке composable-функції?
Навіщо потрібен provide/inject?
Як отримати доступ до DOM через ref?
Що таке Options API?
Телепортація у Vue.js
Чи можна змішувати Options API і Composition API?
Перехід та transitiongroup у Vue.js
Що містить об'єкт methods?
Що таке обчислювані властивості?
Для чого потрібен watch?
Як оголошувати props?
Що таке $emit?
Перелічіть усі хуки життєвого циклу.
Як оголошувати локальні директиви?
Що таке mixins?
Що робить extends?
Vue router: маршрутизація та охоронці навігації
Що таке Vue Router?
Для чого використовується роутер у SPA?
Як оголосити динамічний маршрут?
У чому різниця між params і query?
Що таке $router.push?
Що таке navigation guard?
Що таке lazy loading маршрутів?
Що таке менеджер стану?
Чим відрізняється локальний стан компонента від глобального?
Що таке односпрямований потік даних?
Які state manager'и використовуються в екосистемі Vue?
Які переваги дає центральний стор?
Які недоліки є в централізованого стора?
Що таке Pinia?
Чому Pinia замінює Vuex в екосистемі Vue3?
Чому в Pinia немає мутацій?
Що таке слот у Vue?
Як працює virtual DOM у Vue.js?
Чи можна використовувати кілька слотів в одному компоненті?
Що таке scoped slot?
Що таке default слот?
Що таке useSlots()?
Що таке компонент-обгортка (wrapper component)?
Які метрики продуктивності ви знаєте?
Що таке Virtual DOM?
Як Vue оптимізує Virtual DOM?
Що таке block tree (Vue 3)?
Навіщо потрібен patch flag?
Чому proxy швидший за defineProperty?
Що таке мемоізація в контексті Vue?
Чому computed - це фактично memoized getter?
Як оптимізувати великі таблиці?
Що таке віртуалізація списків?
Коли використовувати throttle?
Коли використовувати debounce?
Що таке lazy loading components?
Що таке tree shaking?
Чому тестування важливе у великих проєктах?
Що таке Vue Test Utils?
Питання для співбесіди з Angular
Методи життєвого циклу компонентів в Angular
Розширені патерни впровадження залежностей в Angular
Як працює виявлення змін в Angular?
Що таке ngzone в Angular?
Сигнали в Angular
Тестування в Angular (модульні та інтеграційні тести)
Що таке Angular?
Різниця між AngularJS та Angular
Що таке SPA (Single Page Application)?
Чому Angular називають фреймворком, а не бібліотекою?
Що робить Angular CLI?
З яких основних частин складається Angular-застосунок?
Що таке NgModule?
Які типи модулів бувають в Angular?
Чому важливо дотримуватися модульності в Angular?
Що означає принцип «feature isolation»?
Що таке «entry point» застосунку?
Що робить «zone.js» в Angular?
Декоратори @input та @output в Angular
Як оголосити компонент в Angular?
Проекція вмісту (ng-content) в Angular
Яку роль відіграє декоратор @Component? Які основні поля є в декораторі @Component?
Що робить властивість selector у декораторі @Component?
ViewChild та ContentChild в Angular
Що робить властивість template?
Окремі компоненти в Angular
Що таке encapsulation в Angular-компонентах?
Які типи ViewEncapsulation існують?
Чим Emulated відрізняється від ShadowDom?
Що таке change detection в Angular?
Як Angular відстежує зміни властивостей у компоненті?
Що робить ChangeDetectorRef?
Що робить декоратор @Input()?
Що робить декоратор @Output()?
Що таке EventEmitter?
Як надіслати подію з дочірнього компонента батьківському?
Що таке «view» і «content» у контексті компонентів Angular?
Що робить ng-container?
Що робить ElementRef?
Що робить ElementRef?
Як динамічно створити компонент в Angular?
Які є хуки і в якому порядку вони викликаються?
Як компонент отримує залежності через конструктор?
Чим standalone-компонент відрізняється від звичайного?
Що таке директива в Angular?
Які типи директив існують в Angular?
Трубки в Angular (вбудовані та користувацькі)
Що таке структурна директива?
Що таке атрибутна директива?
Що робить директива ngIf?
Що робить директива ngSwitch?
Чи можна створити власну директиву в Angular?
Як пов'язані директиви та DOM-елементи?
Що робить декоратор @Directive()?
Як зареєструвати директиву в модулі?
Як обмежити область дії директиви?
Як зробити директиву загальнодоступною (shared)?
Що робить ngClass?
Що робить ngStyle?
Що робить ngModel?
Що робить @HostBinding()?
Чим структурна директива відрізняється від атрибутної?
Що робить зірочка (*) перед директивою?
Які хуки життєвого циклу підтримують директиви?
Перелічіть усі вбудовані структурні директиви
Перелічіть усі вбудовані атрибутні директиви
Що таке директиви та які їх типи існують в Angular?
Що таке шаблон (template) в Angular?
Що таке шаблонна прив'язка (template binding)?
Як задати динамічний стиль у шаблоні?
Як працює safe navigation operator (?.) у шаблоні?
Для чого використовується оператор ! (non-null assertion) у шаблоні?
Що таке шаблонна змінна (#var)?
Що таке let- синтаксис у шаблоні?
Як працює змінна $implicit у контексті шаблону?
Що робить <ng-container>?
Що робить <ng-template>?
Що таке контекст шаблону?
Що таке модулі в Angular і як вони використовуються?
Що таке модульна структура в Angular?
Що робить CommonModule?
Що таке життєвий цикл компонента в Angular?
Які існують hooks життєвого циклу в Angular?
У якому порядку викликаються hooks життєвого циклу?
Що робить ngOnChanges()? Коли він викликається?
Що робить ngOnInit()? Коли він викликається?
Що робить ngAfterContentInit()? Коли він викликається?
Що робить ngAfterContentChecked()? Коли він викликається?
Що робить ngAfterContentChecked()? Коли він викликається?
Що робить ngAfterViewInit()? Коли він викликається?
Що робить ngAfterViewChecked()? Коли він викликається?
Що робить ngOnDestroy()? Коли він викликається?
Що станеться, якщо не відписатися від підписок?
Як ChangeDetectionStrategy впливає на hooks?
Як реалізувати власну стратегію виявлення змін?
Як hooks працюють для динамічно створених компонентів?
Що таке життєвий цикл Angular-застосунку?
Що робить zone.js під час старту застосунку?
Як відбувається завантаження lazy-loaded модулів?
Сервіси та впровадження залежностей в Angular
Що таке signal в Angular?
Коли з'явилися сигнали в Angular?
Ієрархія інжекторів в Angular
Яка головна мета впровадження signals в Angular?
Як створити signal в Angular?
Що таке WritableSignal?
Як отримати поточне значення сигналу?
Як сигнал повідомляє про зміни?
Як сигнал зберігає стан?
Що таке computed() сигнал?
Як зробити ланцюжок computed-сигналів? (junior)
Чи можна використовувати async-операції в computed()?
Що таке effect() в Angular?
Коли effect викликається вперше?
Що робить функція очищення всередині effect()?
Як effect обробляє помилки?
Як використовувати сигнал у шаблоні компонента?
Чим signal відрізняється від observable за принципом реактивності?
Як перетворити observable на signal?
Чи можна повністю вимкнути Zone.js при використанні signals?
Як signals спрощують Change Detection?
Чому signals вважаються продуктивнішими за RxJS?
Що таке Dependency Injection (DI) в Angular? Навіщо потрібен механізм DI?
Як DI допомагає в модульності застосунку?
Що означає «інверсія управління» (IoC)?
Як інверсія управління пов'язана з DI?
Що таке провайдер (Provider)?
Чому DI - ключова частина фреймворку Angular?
Що таке впровадження через конструктор (constructor injection)?
Що робить ключ useExisting?
Що робить ключ useValue?
Що робить ключ useFactory?
Що робить multi-provider?
Що таке кореневий інжектор (root injector)?
Що таке інжектор модуля (module injector)?
Що таке інжектор компонента (element injector)?
Що таке область видимості (scope) залежності?
Як DI працює в standalone-компонентах?
Як уникнути циклічних залежностей?
Що таке сервіс в Angular? Навіщо потрібні сервіси в Angular?
Різниця між формами, керованими шаблоном, та реактивними формами в Angular
Яку роль відіграє анотація @Injectable()?
Що означає «singleton-сервіс»?
Що таке фабричні сервіси?
Що таке сервіс-адаптер?
Які типи форм існують в Angular?
Angular router: маршрутизація, охоронці та ледача завантаження
У чому різниця між Template-driven і Reactive формами?
Як Angular зв'язує дані форми з моделлю компонента?
Що таке директиви управління формами (form directives)?
Що робить директива ngForm?
Що робить директива ngModel?
Що робить директива formControl?
Що робить директива formGroup?
Що робить директива formArrayName?
Що таке стан dirty і pristine?
Що таке стан valid і invalid?
Що робить властивість status у форми?
Що означає статус pending у форми?
Що таке валідатор в Angular?
Які бувають типи валідаторів?
Як перевірити, чи є у контролу помилка?
Що таке роутинг (routing) в Angular?
Що таке RxJS і як він інтегрується в Angular?
Звичайні оператори RxJS в Angular
Навіщо потрібен роутинг у SPA-застосунках?
Що таке subject і які типи subject існують в RxJS?
Що робить RouterModule?
Чим RouterLink відрізняється від звичайного <a href>?
Що таке wildcard-маршрут (**)?
Як перейти на маршрут програмно?
Як оголосити параметр у маршруті?
Як отримати query-параметри?
Що таке вкладені (дочірні) маршрути?
Що таке route guards?
Що робить CanActivate?
Що таке lazy loading маршрутів?
Що робить UrlTree?
Що таке управління станом (state management) в Angular?
Чим локальний стан відрізняється від глобального?
Що означає термін «джерело істини» (Single Source of Truth)?
Чому стан важливий для передбачуваності UI?
Як можна керувати станом за допомогою сервісів?
Як сигнали (signals) впливають на підхід до state management?
Що таке shared state?
Що таке derived state?
Чому важливо уникати дублювання стану?
Як передавати стан між батьківським і дочірнім компонентом?
Як уникнути «props drilling» під час передавання стану?
Що робить BehaviorSubject у сервісах стану?
Як signals замінюють патерн «observable store»?
Що означає нормалізація стану?
Що таке NgRx?
Чому NgRx вважається стандартом в екосистемі Angular?
Які основні елементи архітектури NgRx?
Що робить Store в NgRx?
Що робить Action?
Що робить Selector?
Що робить Effect?
Що таке EntityAdapter в NgRx?
Як NgRx реалізує патерн Redux?
Що означає іммутабельність у контексті NgRx?
Як підключити NgRx Store до застосунку?
Що таке NGXS?
Чим NGXS відрізняється від NgRx?
Що таке Akita?
Чим Akita відрізняється від NgRx?
Які основні сутності в Akita?
Що таке Observable?
Що робить from() в RxJS?
Що робить of()?
Що робить interval()?
Що робить timer()?
Що таке Subscription?
Що робить add() у Subscription?
Як уникнути витоків пам'яті при підписках?
Що робить takeUntil()?
Що таке оператор в RxJS?
Чим відрізняються «pipeable» оператори від «creation»?
Що робить map()?
Що робить filter()?
Що робить tap()?
Що таке BehaviorSubject?
Що таке ReplaySubject?
Що робить ConcatMap?
Що робить mergeMap?Що робить mergeMap?
Що робить exhaustMap?
Що таке Async pipe?
Навіщо потрібен серверний рендеринг в Angular?
Які переваги SSR перед CSR?
Як SSR впливає на SEO?
Як SSR впливає на швидкість завантаження сторінки?
Що таке Angular Universal? Як Angular Universal пов'язаний з SSR?
Що таке pre-rendering?
Що робить команда ng add @angular/ssr?
Що таке hydration в Angular?
Які фази проходить SSR рендеринг?
Як працює TransferState в Angular Universal?
Питання для співбесіди з Frontend-інструменти
Що таке code splitting?
Чому Webpack називають "модульним бандлером"?
Що таке "точка входу" (entry point) у Webpack?
Що таке output у webpack?
Що змінюється при перемиканні між режимами development і production?
Які ключові поля є в конфігурації Webpack?
Що таке мінімізація?
Яке завдання виконують plugins у Webpack?
Які основні loaders підключаються для Frontend застосунку на React?
Чи можна писати свої плагіни у Webpack?
Як налаштувати запуск Webpack для розробки?
За допомогою чого реалізуються "Мікрофронтенди" у Webpack?
Що таке HMR?
Що таке HMR?
Що таке Vite?
Як Vite використовує нативні ES-модулі?
Що таке "no-bundle development"?
Що таке плагін у Vite?
Що таке Turbopack?
Чому Turbopack написаний на Rust?
У чому основна перевага Turbopack над іншими збирачами?
Що означає термін "incremental bundler"?
Що означає "lazy compilation"?
Як Turbopack кешує результати збірки?
Що таке esbuild?
Якою мовою написаний esbuild?
Що таке npx?
Що таке npm?
Чому npm встановлюється разом із Node.js?
Як проініціалізувати проєкт з npm?
Що зберігає в собі node_modules?
Що таке npm registry?
Як встановити пакет?
Чим локальне встановлення відрізняється від глобального?
Що робить npm run?
Як запустити скрипт за іменем?
Що таке залежності?
Що таке dev-залежності і чим вони відрізняються від звичайних dependencies?
Чим npx відрізняється від npm?
Що таке Yarn?
Чим Yarn відрізняється від npm?
Чому Yarn вважається швидким?
Що таке pnpm?
Чим pnpm відрізняється від npm і yarn?
Чому pnpm вважається продуктивнішим?
Як pnpm економить місце на диску?
Що таке .pnpm-store?
Що таке pnpm workspaces?
Чому pnpm найчастіше використовують у монорепозиторіях?
Що таке store у pnpm?
Які основні CSS-препроцесори існують?
У чому переваги препроцесорів перед звичайним CSS?
Що робить препроцесор під час компіляції?
Що таке змінні в препроцесорах?
Що таке «інтерполяція» в SCSS?
Що таке вкладеність у препроцесорах?
Чому надмірна вкладеність - антипатерн?
Що таке функції в SCSS?
Що робить @if у SCSS?
Що робить директива @extend?
Що таке постпроцесор CSS?
Чим постпроцесор відрізняється від препроцесора (SASS/LESS)?
Що робить постпроцесор на етапі збірки?
Які завдання вирішують постпроцесори в сучасному фронтенді?
Що таке PostCSS?
Як PostCSS обробляє CSS-файли?
У яких випадках PostCSS використовується разом із препроцесорами?
Чому Tailwind називають utility-first фреймворком?
Як Tailwind інтегрується з PostCSS?
Що робить JIT (Just-In-Time) компілятор у Tailwind?
У чому перевага Tailwind перед класичним CSS?
Чому Tailwind прискорює верстку?
Як Tailwind допомагає підтримувати єдиний дизайн?
Як Tailwind допомагає з консистентністю UI?
Що таке utility-клас?
Що таке ESLint? Навіщо потрібен ESLint?
Чим ESLint відрізняється від Prettier?
Що означає термін "статичний аналіз коду"?
Як ESLint підвищує якість коду?
Що таке правило ESLint?
Що таке плагін у ESLint?
Що таке AST при написанні плагіна і як з ним працювати?
Що таке Prettier? Навіщо потрібен Prettier?
Чим Prettier відрізняється від ESLint?
Чи може Prettier перевіряти помилки коду?
Що робить Prettier з кодом?
Навіщо потрібен Biome?
Чому Biome швидше за аналоги?
Що таке юніт-тестування?
Навіщо писати юніт-тести?
Як юніт-тести допомагають під час рефакторингу?
Що таке «Test Driven Development (TDD)»?
Що таке Jest?
Як написати базовий тест на Jest?
Як описати очікування в тесті?
Що таке мокова функція в контексті тестів?
Що таке снапшотне тестування?
Чому снапшоти часто вважають антипатерном?
Що таке скриншотне (візуальне) UI-тестування?
Чим візуальне тестування відрізняється від функціонального?
У чому мета скриншотного тестування?
Що робить візуальний регресійний тест?
Чому воно особливо корисне у великих проєктах?
Чому візуальні тести можуть бути нестабільними?
Які інструменти використовуються для візуального тестування?
Що таке тестування компонентів?
Чим тестування компонентів відрізняється від e2e?
Чому важливо, щоб тести були ізольованими?
Що таке snapshot-тестування компонентів?
Чому снапшоти часто вважають антипатерном?
Що таке React Testing Library?
Які типи селекторів надає RTL?
Що таке E2E-тестування?
Чим E2E-тести відрізняються від юніт-тестів?
Яке співвідношення між юніт-, інтеграційними та E2E-тестами оптимальне?
Чому E2E-тести часто бувають нестабільними?
Які популярні інструменти використовуються для E2E-тестування frontend-застосунків?
Що являє собою E2E-тест на рівні коду?
Що таке «page object pattern»?
Що означає «mocking» в E2E-тестах?
Коли варто мокати API, а коли ні?
Чому е2е тестів не повинно бути багато?
Як продуктивність впливає на SEO?
Що означає «оптимізація рендерингу»?
Які основні показники впливають на UX?
Що таке критичний шлях рендерингу (critical rendering path)?
Що таке time-to-interactive (TTI)?
Що таке first contentful paint (FCP)?
Що таке largest contentful paint (LCP)?
Що таке first input delay (FID)?
Що таке cumulative layout shift (CLS)?
Що таке performance budget?
Які інструменти використовуються для аналізу?
Що робить Lighthouse?
Що робить Web Vitals?
Як використовувати Chrome DevTools для вимірювань?
Що робить вкладка Performance?
Що показує вкладка Network?
Що показує вкладка Memory?
Що таке профайлінг (profiling)?
Як використовувати Performance Insights у Chrome?
Що робить Core Web Vitals API?
Чому важливо зменшити initial load?
Що таке code splitting?
Чому важливо видаляти невикористаний код?
Що робить мініфікація?
Як CSS впливає на продуктивність?
Що робить reflow (layout)?
Що робить repaint?
Чим Virtual DOM швидший за звичайний?
Чому зображення - важлива причина повільного завантаження?
Що таке Storybook?
Для чого використовується Storybook?
Чому Storybook називають "UI playground"?
Що таке UI-catalog?
Як Storybook може бути корисним у UI-скриншотному тестуванні?
Навіщо впроваджувати аналітику у веб-застосунках?
Чим аналітика відрізняється від метрик продуктивності?
Що таке event-driven аналітика?
Чому важливо збирати метрики на клієнті?
Що таке Google Analytics (GA)?
Які три основні метрики входять до Core Web Vitals?
Що таке FID (First Input Delay)?
Що таке CLS (Cumulative Layout Shift)?
Що робить feature flag?
Що таке error analytics?
Як відстежувати помилки на фронтенді?
Питання для співбесіди з SEO
Що таке SEO?
Які цілі переслідує SEO-оптимізація?
Що таке ранжування?
Що таке органічний трафік?
Що впливає на позиції сайту у видачі?
Що таке індексування?
Що таке сканування сайту (краулінг)?
Що робить пошуковий бот (crawler, spider)?
Що таке семантична верстка?
Навіщо потрібна семантична верстка?
Як семантика впливає на доступність (accessibility)?
Чому пошукові системи аналізують структуру HTML?
Що таке «осмислена структура документа»?
Які нові семантичні теги з'явилися в HTML5?
Чому важливо правильно використовувати заголовки h1-h6?
Чи можна використовувати кілька h1 на сторінці?
Як семантична верстка допомагає навігації?
Чому alt важливий для SEO і доступності?
Чому контент вважається основою SEO?
Що таке якісний контент?
Що означає унікальність контенту?
Що таке on-page SEO?
Чим on-page SEO відрізняється від off-page SEO?
Чому on-page SEO важливе для ранжування сайту?
Які цілі переслідує внутрішня оптимізація?
Як структура HTML впливає на SEO?
Що таке SEO-friendly структура сторінки?
Які помилки найчастіше допускають при on-page оптимізації?
Що таке тег <title>? Яку роль title відіграє в SEO?
Що таке meta description?
Як структура заголовків впливає на SEO?
Що означає термін "контентна оптимізація"?
Що таке SEO-friendly URL?
Яким повинен бути ідеальний URL?
Що таке canonical URL?
Як sitemap.xml допомагає пошуковикам індексувати URL?
Як швидкість завантаження впливає на позиції у видачі?
Що таке Core Web Vitals?
Які метрики входять до Core Web Vitals?
Що таке LCP (Largest Contentful Paint)?
Що таке CLS (Cumulative Layout Shift)?
Що таке FID (First Input Delay)?
Що таке PageSpeed Insights?
Як використовувати Lighthouse для аудиту?
Чому адаптивний дизайн важливий для SEO?
Що таке robots мета-теги (index, noindex)?
Як використовувати schema.org для покращення сніпета?
Що таке open graph і навіщо він потрібен?
Як OG-теги впливають на клікабельність у соцмережах?
Що таке мікророзмітка?
Чому важливо вказувати мову сторінки в HTML?
Що таке off-page SEO?
Чим off-page SEO відрізняється від on-page SEO?
Чому off-page SEO важливе для ранжування?
Чому пошукові системи враховують зовнішні сигнали?
Які метрики вказують на успішне off-page просування?
Що таке link building?
Що таке "вхідне посилання" (backlink)?
Що таке крауд-маркетинг?
Що таке Technical SEO?
Чим технічне SEO відрізняється від on-page і off-page SEO?
Як технічні помилки можуть заважати просуванню?
Як пошукові роботи сканують сайт?
Що означає термін "crawlability"?
Що таке "indexability"?
Де повинен розташовуватися файл robots.txt?
Що робить директива Disallow у robots.txt?
Що робить директива Allow?
Що робить директива User-agent?
Що робить директива User-agent?
Що робить метатег <meta name="robots" content="noindex">?
Що таке "канонізація URL"?
Що таке sitemap.xml?
Що таке performance у контексті SEO?
Чому швидкість сайту впливає на SEO?
Коли Google офіційно зробив швидкість фактором ранжування?
Як повільний сайт впливає на користувацький досвід?
Чому продуктивність важлива для конверсії?
Що таке "Core Web Vitals"?
Які метрики входять до Core Web Vitals?
Що таке LCP (Largest Contentful Paint)?
Що таке FID (First Input Delay)?
Що таке CLS (Cumulative Layout Shift)?
Як Core Web Vitals впливають на ранжування?
Питання для співбесіди з Next.js
Що таке кешування в Next.js?
Як працюють серверні компоненти (rsc) у Next.js
Чим app відрізняється від pages у Next.js?
Що таке API Routes у Next.js?
Що таке Server Actions у Next.js?
Оптимізація шрифтів (next/font) у Next.js
Як працює інкрементальна статична регенерація (ISR) у Next.js
Паралельне та послідовне отримання даних у Next.js
Макети та шаблони в Next.js
Проміжне програмне забезпечення в Next.js
Налаштування Next.js (next.config.js)
Ключові особливості Next.js
Як працює генерація статичних сайтів (SSG) у Next.js
Як працює рендеринг на стороні клієнта (CSR) у Next.js
Стрімінг та завантаження інтерфейсу в Next.js
Обробка помилок у Next.js
Шаблони серверних і клієнтських компонентів у Next.js
Як налаштувати revalidation?
Інтернаціоналізація (i18n) в Next.js
Розгортання додатків Next.js
Що таке Next.js і чому його варто використовувати
Що таке Next.js і яку проблему він вирішує?
Які основні можливості надає Next.js із коробки?
Що таке SSR і навіщо він потрібен?
Що таке SSG і коли він використовується?
Що таке ISR і яку проблему він вирішує?
Чому Next.js вважається fullstack-фреймворком?
Чи можна використовувати Next.js тільки як frontend?
У яких випадках Next.js надлишковий?
Маршрутизація в Next.js (маршрутизація на основі файлів)
Як структура проекту впливає на роутинг у Next.js?
Які теки є обов'язковими?
Чи можна використовувати Feature-Sliced Design у Next.js?
Динамічні маршрути та динамічні сегменти в Next.js
Next/link та навігація в Next.js
Як працює app/layout.tsx в Next.js?
Що таке template.tsx у Next.js?
Як працює global-error.tsx в Next.js?
Що робить not-found.tsx у Next.js?
Як працює серверна рендеринг (SSR) у Next.js
У чому ключова ідея роутингу в Next.js?
Які типи роутингу існують у Next.js?
У чому відмінність app від pages router у Next.js?
Як формується маршрут в app router?
Що таке сегменти маршруту в Next.js?
Що таке not-found.tsx в Next.js?
Що таке динамічний маршрут у Next.js?
Що таке `generateStaticParams`?
Що робить компонент Link у Next.js?
Як працює prefetch у Next.js?
Як працює useRouter в app router?
Що таке SSG у Next.js?
Що таке SSR у Next.js?
Що таке ISR у Next.js?
Що таке CSR у Next.js?
Що таке hydration?
Що таке streaming rendering?
Як Suspense пов'язаний з рендерингом?
Що таке серверні компоненти в Next.js?
Отримання даних у Next.js
Що таке клієнтські компоненти в Next.js?
Які завдання краще вирішувати серверними компонентами?
Які задачі краще вирішувати клієнтськими компонентами?
Що таке гібридний рендеринг у Next.js?
Що робить директива "use client"?
Як серверний компонент може передавати дані клієнтському?
Які способи отримання даних існують у Next.js?
Чим Next.js відрізняється від React у плані отримання даних?
Де виконується data fetching у Next.js - на сервері чи клієнті?
Що таке Server Components у Next.js?
Чи можна робити await fetch прямо в компоненті?
Як Server Components кешують дані?
Де створюються API Routes?
Які рівні кешування існують?
Яку проблему вирішують Server Actions?
Чим Server Actions відрізняються від API Routes?
Що означає директива "use server"?
Як Next.js завантажує дані на сервері?
Оптимізація зображень (next/image) у Next.js
У чому різниця між клієнтським і серверним завантаженням даних?
Які проблеми вирішує серверне завантаження даних?
Що таке `getStaticProps`?
Що таке ISR?
Як працює revalidate?
Чи можна використовувати fetch напряму в Server Component?
Які опції кешування є у `fetch`?
Які рівні кешування є в Next.js?
Що таке API Routes?
Що таке Server Actions?
Що таке layout у Next.js?
Шаблони аутентифікації в Next.js
Які завдання вирішують layout-компоненти?
Чим layout відрізняється від звичайного React-компонента?
Як layout впливає на продуктивність?
Що таке Root Layout?
Що таке route groups?
Що таке Metadata API в Next.js?
Що таке static metadata?
Що таке dynamic metadata?
Як формується підсумковий <title>?
Що таке Open Graph?
Що таке robots metadata?
Які метрики використовуються для оцінки швидкості сайту?
Змінні середовища в Next.js
Чому швидкість важлива для SEO?
Чим Next.js швидший за звичайний SPA?
Edge runtime проти Node.js runtime у Next.js
Які проблеми продуктивності є у CSR?
Чому розмір JS-бандла важливий?
Чому Client Components дорожчі?
Що таке waterfall fetching?
Питання для співбесіди з Nuxt.js
Що таке Nuxt.js і чим він відрізняється від Vue.js?
Як працюють auto-imports в Nuxt?
Що таке plugins в Nuxt?
Які режими рендерингу в Nuxt (SSR, SSG, SPA, Hybrid)?
Яка різниця між useFetch та useAsyncData в Nuxt?
Що таке layouts в Nuxt?
Що таке middleware в Nuxt і як його використовувати?
Що таке composables в Nuxt?
Як створити API роути в Nuxt?
Питання для співбесіди з Redux
Redux проти context API
Redux Thunk vs Redux Saga - яка різниця?
Що таке selectors в Redux?
Redux toolkit
Що таке Redux?
Redux middleware
Питання для співбесіди з Node.js
Що таке libuv і як він забезпечує асинхронний ввід/вивід у Node.js?
Як працює Event Loop у Node.js
Що таке error-first callback патерн?
Шаблони обробки помилок у Node.js
Що таке дочірні процеси в Node.js?
Що таке worker threads у Node.js?
Які основні практики безпеки в Node.js?
Синхронний та асинхронний код у Node.js
Що таке streams у Node.js?
Що таке проміжне програмне забезпечення в Express.js і як воно працює?
Що таке модуль cluster у Node.js?
Що таке PM2 і як управляти процесами Node.js у виробництві?
Що таке package.json і як працює npm?
Як працювати з змінними середовища в Node.js?
У чому різниця між process.nextTick() та setImmediate()?
Яка різниця між promise.all i promise.allsettled?
Що таке eventemitter у Node.js?
Що таке buffer в Node.js?
Чому події в Node.js асинхронні?
Як працює модуль HTTP у Node.js?
Як використовувати модуль Crypto в Node.js для хешування та шифрування?
Що таке Node.js?
Node.js проти браузера
Робота з сервером
Що таке non-blocking I/O?
Чому Node.js вважають однопоточним (single-threaded)?
Переваги та недоліки однопоточності
Які переваги та недоліки в однопотоковості Node.js?
Пакети та package.json
Що таке package-lock.json?
Що таке npm?
З чого складається рантайм Node.js?
V8 та його роль
libuv та його роль
Event loop у Node.js
Нативні модулі в Node.js
Збирання сміття в V8
З яких фаз складається Event Loop?
Heap і stack у Node.js
CommonJS проти ES Modules
Що таке process?
Змінні середовища
Глобальний об'єкт global
Як працюють таймери та планування в Node.js?
Чому Node.js називають однопоточним середовищем?
Паралелізм проти асинхронності
Блокуючий і неблокуючий код
Важливість паралелізму під час масштабування
worker_threads у Node.js
Чим потоки відрізняються від процесів?
Як передати дані між потоками?
Що таке SharedArrayBuffer?
Що робить подія message у worker?
Що робить модуль child_process?
Батьківський і дочірній процес
Що таке модуль cluster?
Як cluster допомагає масштабувати застосунок?
Що таке IPC (inter-process communication)?
Вертикальне проти горизонтального масштабування
Що робить PM2 під час масштабування?
Що робить round-robin scheduling?
Що таке модуль у Node.js?
Що означає термін «CommonJS»?
Що таке promisification?
Що робить require()?
Що робить об'єкт module?
Що таке «циклічна залежність»?
module resolution
module resolution
ESM проти CommonJS
ESM проти CommonJS
Іменований проти дефолтного експорту
Динамічний імпорт import()
Що таке «core module» у Node.js?
Що робить модуль fs у Node.js?
Як прочитати файл у Node.js?
readFileSync і його небезпека
Як записати дані у файл?
Як створити директорію через Node.js?
Що означає «I/O» у контексті Node.js?
Чому I/O-операції вважаються повільними?
Чому Node.js реалізує «non-blocking I/O»?
Потоки (streams) та I/O операції
Що таке Buffer у Node.js?
Buffer проти масиву
Що робить fs.watch()?
Чому chunked I/O ефективніший?
Комбінація потоків і буферів для продуктивності
Чому потоки - основа I/O?
Типи потоків
Що таке Readable stream?
Що таке Writable stream?
Що таке Duplex stream?
Що таке Transform stream?
Що робить pipeline() із модуля stream?
Як з'єднати кілька потоків підряд?
Що таке backpressure?
Як виникає backpressure?
Як Node.js підтримує Web Streams API?
Що таке подія (event) у контексті Node.js?
Що являє собою подієва модель?
Що являє собою модуль events?
Як підписатися на подію?
Що робить метод emit()?
Що робить метод on()?
Що робить once()?
HTTP-сервер без фреймворків
Як обробити запит у createServer()?
Як відправити HTTP-запит з Node.js?
Чим HTTPS відрізняється від HTTP?
Що таке CORS?
Що таке preflight request?
Двоспрямованість WebSocket
Що таке HTTP/2?
Що таке Express.js?
Що таке middleware в Express.js?
request і response
Що таке маршрут (route) в Express?
Що робить express.Router()?
Порядок middleware
Що таке контролери в Express-застосунках?
Бізнес-логіка й контролери
Місце Express у сучасному світі
Що таке NestJS?
Що таке модуль в NestJS?
Що таке контролер в NestJS?
Що таке провайдер (provider)?
Основні частини застосунку
Що робить IoC-контейнер в NestJS?
Куди варто виносити бізнес-логіку з контролерів?
Що таке Singleton-провайдери?
Циклічна залежність модулів
Що таке глобальні провайдери?
Що таке Middleware в NestJS?
Що таке Guard?
Що таке Pipe?
Що таке DTO?
Валідація DTO
Що таке Exception Filter?
Що таке Interceptor?
Що таке мікросервіси в NestJS?
Як виявити та запобігти витокам пам'яті в Node.js?
Які найбільш поширені шаблони проектування в Node.js?
Питання для співбесіди з Express.js
Що таке middleware в Express.js і як він працює?
Як обробляти завантаження файлів в Express.js за допомогою Multer?
Як обслуговувати статичні файли та покращити продуктивність в Express.js?
Як захистити додаток Express.js?
Як протестувати додаток Express.js?
Що таке об'єкти req та res в Express.js?
Express.js проти Fastify проти Koa — що обрати?
Route параметри та query strings в Express?
Що таке Express router і як його використовувати для модульного маршрутизації?
Як побудувати REST API з Express.js?
Як реалізувати версіонування API в Express.js?
Які існують різні типи проміжного програмного забезпечення в Express.js?
Як перевірити дані запиту в Express.js?
Як обробляти async/await в обробниках маршрутів Express.js?
Як обробляти помилки в Express.js?
Як використовувати шаблонні движки в Express.js?
Як працює управління сесіями в Express.js?
Що таке CORS і як його налаштувати в Express.js?
Як оптимізувати продуктивність додатку Express.js?
Як реалізувати кешування в Express.js для покращення продуктивності?
Як реалізувати логування в Express.js (Morgan, Winston)?
Як структурувати велику програму на Express.js?
Які найкращі патерни інтеграції бази даних в Express.js?
Як інтегрувати WebSocket з Express.js?
Питання для співбесіди з NestJS
Як реалізувати стратегії кешування в NestJS?
Що таке хуки життєвого циклу в NestJS?
Що таке провайдери і як працює dependency injection у NestJS?
Що таке динамічні модулі в NestJS і коли їх використовувати?
Що таке middleware у NestJS і чим воно відрізняється від guards?
Як працюють мікросервіси в NestJS?
Що таке модулі в NestJS і як вони працюють?
Як керувати конфігурацією в NestJS за допомогою configmodule?
Що таке контролери в NestJS?
Що таке dto та як працює валідація в NestJS?
Як створити та використовувати власні декоратори в NestJS?
Як документувати API NestJS за допомогою Swagger?
Що таке interceptors у NestJS?
Що таке pipes у NestJS?
Що таке фільтри винятків у NestJS?
Як реалізувати автентифікацію з Passport у NestJS?
Як реалізувати контроль доступу на основі ролей (RBAC) у NestJS?
Як NestJS інтегрується з TypeORM?
Як реалізувати WebSocket Gateways у NestJS?
Як реалізувати обробку черги з Bull у NestJS?
Що таке патерн CQRS і як його реалізувати в NestJS?
Як протестувати додаток NestJS?
Питання для співбесіди з Python
Питання для співбесіди з Java
Питання для співбесіди з Go
Питання для співбесіди з Алгоритми
Що таке рекурсія?
Що таке алгоритм?
Які властивості повинен мати алгоритм?
Що означає "дискретність" алгоритму?
Що таке "вхідні дані" та "вихідні дані" алгоритму?
Що таке блок-схема алгоритму?
Які основні блоки використовуються в блок-схемах?
Що таке лінійна структура алгоритму?
Що таке вкладені умови?
Що таке цикл з передумовою?
Що таке цикл з постумовою?
Які бувають види алгоритмів за структурою?
Що таке лінійний алгоритм?
Що таке розгалужений алгоритм?
Що означає часова складність?
Що означає просторова складність?
Чому важливо оцінювати складність?
Що означає асимптотична складність?
Що таке нотація Big O?
Що означає "найгірший випадок" (worst case)?
Що таке базовий випадок рекурсії?
Що таке рекурсивний випадок?
Чому важливо знати основи алгоритмів будь-якому розробнику?
Що означає "складність алгоритму"?
Що означає "оцінка за порядком зростання"?
Чому константи і молодші члени часто ігноруються?
Що таке "швидкість зростання функції"?
Що означає O(n) - лінійна складність?
Що означає O(n²) - квадратична складність?
Що означає «найгірший випадок» (worst case)?
Як вимірюється обсяг пам'яті алгоритму?
Як створення нових масивів впливає на складність?
Що таке "стек викликів" у контексті пам'яті?
Як рекурсія впливає на просторову складність?
Що означає "глибина рекурсії"?
Яка складність сортування бульбашкою?
Яка складність бінарного пошуку?
Що таке сортування?
Яка складність у найшвидшого сортування? Чому не можна зробити швидше?
Що таке «ключ» при сортуванні?
Що таке обмінні сортування (exchange sorts)?
Що таке сортування вибором (selection sorts)?
Що таке сортування вставками (insertion sorts)?
Що таке сортування злиттям (Merge Sort)?
Як працює BubbleSort?
Як працює швидке сортування (сортування Хоара)?
Для чого використовується пошук?
Що таке лінійний пошук?
Що таке бінарний пошук?
Яка складність у бінарного пошуку?
Чому алгоритм називають «бінарним»?
Чому бінарний пошук вимагає відсортованого масиву?
Що робить бінарне дерево пошуку (BST)?
Що таке експоненційний пошук (exponential search)?
Яка часова складність доступу за індексом?
Яка складність вставки елемента в середину масиву?
Чому вставка в кінець масиву ефективніша?
Що означає "динамічний масив"?
Що таке амортизована складність?
Як пройти по масиву циклом?
Як знайти максимальний елемент масиву?
Як перевернути масив?
Як знайти елемент у масиві лінійним пошуком?
Що таке метод «ковзного вікна»?
Як порахувати довжину рядка без вбудованих методів чи властивостей (length)?
Як реалізувати наївний пошук підрядка?
Що таке суфіксний масив?
З чого складається дерево?
Що таке вузол (node)?
Що таке висота дерева?
Що таке бінарне дерево?
Які основні типи обходів дерева існують?
Що робить postorder traversal (постфіксний обхід дерева)?
Що робить preorder traversal (префіксний обхід)?
Що робить level-order traversal (обхід дерева по рівнях)?
Що робить стек при обході без рекурсії?
Що таке Depth-first search (пошук у глибину)?
Що таке Breadth-First Search (пошук у ширину)?
Як працює алгоритм пошуку при роботі з бінарним деревом?
Навіщо потрібне балансування дерев?
З чого складається граф?
Що таке зважений граф?
Що таке орієнтований граф?
Як можна зберігати граф у пам'яті?
Що робить алгоритм BFS на графах (Breadth-First Search)?
Що робить алгоритм DFS на графах (Depth-First Search)?
Що робить черга в BFS на графах?
Що робить стек у DFS на графах?
Що таке топологічне сортування в графах?
Як працює алгоритм Дейкстри (Dijkstra) на графах?
Що робить алгоритм Беллмана-Форда (Bellman-Ford) на графах?
Що робить алгоритм Флойда-Уоршелла на графах?
Що таке жадібний алгоритм?
Що означає локально оптимальний вибір у жадібному алгоритмі?
Що означає глобально оптимальне рішення в жадібному алгоритмі?
Що означає 'жадібний критерій вибору'?
Що таке «оптимальна підструктура» в жадібному алгоритмі?
Коли жадібний алгоритм неефективний?
Які задачі класично розв'язуються жадібним алгоритмом?
Як вирішується класична задача розміну монет за допомогою жадібного алгоритму?
Що таке динамічне програмування (DP)?
У чому відмінність DP від жадібного алгоритму?
Що означає "перетин підзадач" у динамічному програмуванні?
Для чого потрібне "запам'ятовування проміжних результатів"?
Що таке табуляція (tabulation) у DP?
Що таке стан (state) у DP?
Чому важливо правильно обрати стан у динамічному програмуванні?
Як розв'язується класична задача "про рюкзак" у динамічному програмуванні?
Які основні типи задач розв'язує комбінаторика?
Що означає «розміщення» в комбінаториці?
Що таке комбінація (сполучення) в комбінаториці?
Як обчислити кількість перестановок n елементів?
Як обчислити кількість сполучень із n по k?
Що таке трикутник Паскаля?
Що вивчає теорія чисел?
Як порахувати суму дільників числа?
Питання для співбесіди з Структури даних
Що таке структура даних?
Чому структури даних важливі в алгоритмах?
Які бувають основні типи структур даних?
Чому вибір структури даних впливає на складність алгоритму O(n)?
Як оцінювати ефективність структури даних?
Що таке часова складність?
Що означає «час доступу» у структурі даних?
Що означає «час вставки»?
Що таке масив як структура даних?
Чим масив відрізняється від списку?
Як обчислюється адреса елемента масиву в пам'яті?
Що означає «безперервне розміщення елементів» у пам'яті?
Чим статичний масив відрізняється від динамічного?
Що відбувається при виході за межі масиву?
Яка складність доступу до елемента в масиві?
Яка складність вставки в середину масиву?
Яка складність видалення з масиву?
Що означає амортизована складність?
Що таке багатовимірний масив?
Що таке зв'язаний список?
Чим зв'язаний список відрізняється від масиву?
Які види зв'язаних списків існують?
Як вузли зв'язані між собою у списку?
Яка складність доступу до елемента за індексом?
Яка складність вставки на початок списку?
Яка складність вставки в кінець списку?
Яка складність видалення із середини списку?
Чому зв'язаний список ефективний при частих вставках/видаленнях?
Як зв'язаний список зберігається в пам'яті?
Що таке однозв'язний список (singly linked list)?
Що таке циклічний список (circular linked list)?
У яких задачах краще використовувати список, а не масив?
Що таке head і tail списку?
Що таке стек як структура даних?
Що таке принцип LIFO у стеку?
Чим стек відрізняється від черги?
Чому стек зручний для рекурсивних обчислень?
Що означає «стек викликів» у програмуванні?
У яких задачах найчастіше використовується стек?
Що таке черга?
Який принцип лежить в основі роботи черги?
Що означає «FIFO»?
Чим черга відрізняється від стека?
Яка часова складність вставки в чергу?
Яка часова складність видалення з черги?
Чим реалізація черги на списку відрізняється від реалізації на масиві?
Що таке «зсув елементів» і чому це неефективно?
Що таке двостороння черга (deque)?
Які операції підтримує deque?
Що таке черга з пріоритетом?
Як черга використовується в BFS (пошук у ширину)?
У яких задачах часто використовується черга для розв'язання?
Що таке хеш-таблиця?
В чому ідея хешування?
Як хеш-таблиця зберігає дані?
Що таке ключ і значення в хеш-таблиці?
Чому хеш-таблиця забезпечує швидкий доступ до даних?
Що таке «bucket» (кошик) у контексті хеш-таблиці?
Що таке колізія в хеш-таблиці? Чому вони неминучі?
Чому ідеальна хеш-функція на практиці неможлива?
Чому важливо, щоб хеш-функція була швидкою?
Що робить операція модуль (%) при хешуванні? Як вона пов'язана з індексами?
Яка складність вставки елемента в хеш-таблицю?
Яка складність доступу до елемента в хеш-таблиці?
Яка складність видалення елемента в хеш-таблиці?
У яких задачах хеш-таблиці найбільш ефективні?
Що таке дерево як структура даних?
Що таке вузол (node) у дереві?
Що таке ребро (edge) у дереві?
Що таке корінь дерева (root)?
Що таке лист (leaf)?
Що таке батько і нащадок (parent / child)?
Що таке висота дерева (height)?
Що таке глибина вузла (depth)?
Як пов'язані висота і глибина дерева?
Що таке двійкове дерево?
Що таке бінарне дерево пошуку?
Що таке балансування дерева?
Яка складність пошуку вузла в бінарному дереві?
Що таке обхід дерева в ширину (BFS)?
Що таке обхід дерева в глибину (DFS)?
Що таке щільність дерева?
Що таке AVL-дерево і що робить його збалансованим?
Що таке trie (префіксне дерево)?
Що таке граф?
Що таке вершина (vertex) у графі?
Що таке ребро (edge) у графі?
Що означає «суміжність» вершин у графі?
Що таке розмір графа?
Що таке орієнтований граф?
Що таке неорієнтований граф?
Що таке зважений граф?
Що означає вага ребра?
Що таке петля (loop) у графі?
Які способи зберігання графів існують?
Що таке матриця суміжності?
Що робить обхід у ширину (BFS)?
Що робить обхід у глибину (DFS)?
Що таке топологічне сортування? Для яких графів воно можливе?
Що робить алгоритм Беллмана-Форда?
Питання для співбесіди з Мережі та інтернет
Що таке комп'ютерна мережа?
Які бувають типи комп'ютерних мереж?
Що таке LAN?
Що означає термін "топологія мережі"?
Які існують види топологій?
Що таке точка-точка (point-to-point)?
Що таке пропускна здатність мережі?
Що таке мережа клієнт-сервер?
Що таке IPv4?
На які частини ділиться IPv4-адреса?
Що таке маска підмережі?
Що таке широкомовна адреса?
Що таке приватні IP-адреси?
Що таке підмережа?
Що таке IPv6?
Що таке Ethernet?
Що таке MAC-адреса?
Як влаштована MAC-адреса?
Що таке модель OSI?
Назвіть усі рівні OSI-моделі.
Яка основна функція фізичного рівня OSI?
Що робить канальний рівень OSI?
Що робить мережевий рівень OSI?
Що робить транспортний рівень OSI?
Що робить рівень представлення OSI?
Що робить прикладний рівень OSI?
Що таке модель TCP/IP?
Чим OSI відрізняється від TCP/IP?
Назвіть рівні моделі TCP/IP.
Які рівні моделі TCP/IP пов'язані з прикладним рівнем OSI?
Які рівні моделі OSI об'єднані в рівні доступу TCP/IP?
На якому рівні OSI працює IP?
На якому рівні працює TCP?
Чому OSI-модель не використовується безпосередньо в реальних мережах?
Чому TCP/IP - практична модель?
Що таке стек протоколів?
Чому поділ на рівні спрощує роботу мереж?
Що таке фізичний рівень моделі OSI?
Які завдання вирішує фізичний рівень?
Які дані передаються на фізичному рівні?
Які одиниці вимірювання використовуються на фізичному рівні?
Що таке бітова передача?
Що таке кодування сигналу?
Що таке інтерференція?
Як фізичний рівень бореться із завадами?
Що таке вита пара?
Що таке канальний рівень моделі OSI?
Які завдання вирішує канальний рівень?
Яке місце посідає канальний рівень у моделі OSI?
Чим канальний рівень відрізняється від фізичного?
Що таке кадр (frame)?
Що таке підрівень MAC?
Що таке підрівень LLC?
Де реалізується MAC: у залізі чи ПЗ?
Що таке MAC-адреса?
Яка довжина MAC-адреси?
Що таке multicast MAC-адреса?
Що таке broadcast MAC-адреса?
Навіщо потрібні MAC-адреси?
Що таке Ethernet-кадр?
З яких полів складається Ethernet-кадр?
Чому існує мінімальний розмір кадра?
Які помилки виявляє канальний рівень?
Що таке комутатор (switch)?
Що таке forwarding кадра?
Що таке VLAN?
Які задачі вирішує мережевий рівень?
Які типи адрес використовуються на мережевому рівні?
Які дані передаються на мережевому рівні?
Що таке пакет (packet)?
Чому мережевий рівень вважається «маршрутизованим»?
Які протоколи працюють на мережевому рівні?
Чим IPv4 відрізняється від IPv6?
Який розмір IPv4-адреси?
У якому вигляді зберігається IP-адреса?
Що таке мережева адреса?
Що таке адреса вузла (host address)?
Що таке broadcast-адреса?
Як маска відділяє мережу від хоста?
Що таке підмережа?
Як визначити розмір підмережі?
Що таке приватні IP-адреси?
Що таке маршрутизація?
Що робить маршрутизатор?
Що таке маршрут (route)?
Що таке статична маршрутизація?
Плюси та мінуси статичної маршрутизації
Що таке динамічна маршрутизація?
Коли використовується динамічна маршрутизація?
Що таке транспортний рівень моделі OSI?
Які завдання вирішує транспортний рівень?
Які протоколи працюють на транспортному рівні?
За що транспортний рівень відповідає в end-to-end з'єднанні?
Що таке сегмент (segment)?
Чому транспортний рівень критичний для застосунків?
Що таке порт?
Який діапазон TCP/UDP портів існує?
Що таке socket?
Чи можуть кілька застосунків використовувати один порт?
Які гарантії надає TCP?
Які гарантії надає UDP?
Чому UDP називають «ненадійним»?
Що таке TCP-сегмент?
З яких полів складається TCP-заголовок?
Що таке sliding window?
Як TCP виявляє втрату сегментів?
З яких полів складається UDP-заголовок?
Що відбувається при втраті UDP-пакета?
Що таке multiplexing на транспортному рівні?
Що таке demultiplexing?
Що таке прикладний рівень моделі OSI?
Які задачі вирішує прикладний рівень?
Які протоколи належать до прикладного рівня?
Чому прикладний рівень найближчий до користувача?
Що таке клієнт-серверна архітектура?
Що таке запит (request)?
Що таке stateless-взаємодія?
Що таке stateful-взаємодія?
Що таке HTTP?
Що таке FTP?
Що таке SMTP?
Що таке POP3?
Що таке IMAP?
Що таке DNS?
Що таке WebSocket?
Що таке HTTP?
На якому порту за замовчуванням працює HTTP?
Що таке HTTP-запит?
Що таке HTTP-відповідь?
У чому різниця між HTTP/1.1 і HTTP/2?
Що таке HTTP-метод?
Для чого використовується GET?
Для чого використовується POST?
Для чого використовується PUT?
Для чого використовується PATCH?
Для чого використовується DELETE?
Що таке HTTP-заголовки?
Що таке HTTP status code?
Які класи HTTP-кодів існують?
Що таке HTTPS?
Що таке TLS?
Що таке cookie?
Де зберігаються cookie?
Що таке HttpOnly cookie?
Що таке REST?
Що таке DNS?
Яку проблему вирішує DNS?
На якому рівні OSI працює DNS?
Що таке доменне ім'я?
Що таке DNS-сервер?
Що таке зона (DNS zone)?
Що таке DNS-resolve?
Що таке DNS-запис?
Що таке A-запис?
Що таке CNAME?
Що таке NS-запис?
Що таке TXT-запис?
Що таке TTL в DNS?
Що таке DNS cache?
За яким протоколом працює DNS?
Що таке DNSSEC?
Що таке мережева безпека?
Що означає тріада CIA?
Які рівні OSI зачіпає мережева безпека?
Які рівні OSI зачіпає мережева безпека?
Що таке security policy?
Що таке zero trust?
Які типи мережевих атак існують?
Що таке man-in-the-middle (MITM)?
Що таке flooding-атаки?
Що таке Port Security?
Що таке IP spoofing?
Що таке ACL?
Чим standard ACL відрізняється від extended ACL?
Що таке firewall?
Які типи firewall існують?
Що таке IDS?
Що таке IPS?
Які атаки характерні для L7?
Що таке SQL Injection?
Що таке CSRF?
Що таке WAF?
Що таке автентифікація?
Що таке авторизація?
Навіщо потрібне шифрування в мережах?
Що таке DDoS?
Що таке rate limiting?
Питання для співбесіди з Патерни проєктування
Що таке патерни grasp
Що таке патерн Abstract Factory?
Що таке патерн Proxy?
MVC (модель-подання-контролер) та MVP (модель-подання-презентер) патерни проектування
Що таке патерн Singleton?
Які основні проблеми вирішує патерн Singleton?
Чим лінивий Singleton відрізняється від жадібного?
Чому Singleton часто називають "антипатерном"?
Як Singleton порушує принцип єдиної відповідальності (SRP)?
Коли Singleton дійсно виправданий?
Що таке патерн Factory Method?
Чим Factory Method відрізняється від звичайного конструктора?
Як Factory Method сприяє розширюваності системи?
У чому відмінність Factory Method від Abstract Factory?
Як Factory Method пов'язаний із принципом відкритості/закритості (OCP)?
Чим Abstract Factory відрізняється від Factory Method?
Як Abstract Factory сприяє слабкій зв'язності компонентів?
Чому Abstract Factory часто використовується разом з Dependency Injection?
У чому слабкі сторони Abstract Factory?
Що таке патерн Builder?
Як Builder допомагає при створенні складних об'єктів?
Що означає "director" у патерні Builder?
Чим Builder відрізняється від Chain of Responsibility?
Які недоліки має патерн Builder?
Що таке патерн Prototype?
Коли застосовується патерн Prototype?
Коли Prototype може бути небезпечним?
Яка основна мета патерна «Адаптер»?
Які типи адаптерів існують?
У чому відмінність «Адаптера» від простого wrapper-класу?
Коли варто використовувати «Адаптер» у проекті?
Що робить патерн Bridge?
У чому сенс розділення абстракції та реалізації в патерні Bridge?
Які переваги «Міст» дає під час тестування коду?
Коли патерн «Міст» може бути надлишковим?
Яку проблему вирішує патерн «Компонувальник»?
Чому важливо, щоб об'єкти і контейнери мали спільний інтерфейс?
Чому Composite часто використовується у файлових системах?
У чому перевага Composite для рекурсивних структур даних?
Які недоліки є у патерна «Компонувальник»?
У чому суть патерна Decorator?
У чому перевага динамічного додавання функціональності?
Що спільного у «Декоратора» і «Wrapper»?
Які недоліки у патерна «Декоратор»?
У чому суть патерна Façade?
Чим «Фасад» відрізняється від «Адаптера»?
Як патерн «Фасад» допомагає зменшити зв'язаність модулів?
Чому «Фасад» спрощує тестування та ізоляцію компонентів?
Що станеться, якщо фасад стане занадто «товстим»?
Яку проблему вирішує патерн Flyweight?
Чому Flyweight може підвищувати продуктивність?
Коли використання Flyweight стає неефективним?
Що робить патерн Proxy?
Чим «Proxy» відрізняється від «Декоратора»?
У яких ситуаціях Proxy особливо корисний?
Які складнощі можуть бути з патерном Proxy?
Що таке патерн Adapter?
Як організовується передача запиту по ланцюжку обробників?
Патерн декоратор
Які плюси і мінуси у Ланцюжка обов'язків?
У яких випадках доцільно застосовувати цей патерн?
Що таке патерн Module?
Що робить патерн Command і навіщо він потрібен?
Як патерн Command сприяє реалізації функціоналу undo/redo?
Які класи зазвичай беруть участь у реалізації Command?
Яка основна ідея патерну Interpreter?
Коли виправдане використання Interpreter?
Чому цей патерн рідко застосовується на практиці?
Яка мета патерну Iterator?
Як ітератор спрощує обхід складних структур даних?
У чому різниця між зовнішнім і внутрішнім ітератором?
Як він зменшує зв'язаність між об'єктами?
Які мінуси у Mediator?
Коли Mediator призводить до ускладнення архітектури?
Що робить патерн Memento?
Які три ролі беруть участь у Memento?
У чому відмінність Memento від Command при реалізації відкату?
Як зберігати історію змін за допомогою Memento?
У чому суть патерну Observer?
Які проблеми вирішує Observer?
Що робить патерн State і коли він корисний?
Чим State відрізняється від Strategy?
Як State спрощує великі умовні конструкції (if-else/switch)?
Які класи беруть участь у реалізації патерна?
Що робить патерн Strategy і навіщо він потрібен?
Як Strategy допомагає позбутися безлічі умовних операторів?
Як Strategy підвищує гнучкість системи?
Яка ідея патерну Template Method?
Для чого використовується патерн Visitor?
Як Visitor допомагає додавати нові операції без зміни класів?
Які класи беруть участь у Visitor?
Що означає принцип Inversion of Control (IoC)?
Патерн спостерігач
Що означає "переворот залежності" (inversion)?
Що таке патерн Strategy?
Як IoC допомагає зменшити зв'язаність компонентів?
Що таке патерн Command?
Чому високорівневі модулі не повинні залежати від низькорівневих?
Як IoC допомагає в побудові модульних систем?
Чим DI відрізняється від звичайного впровадження залежностей вручну?
Які існують типи впровадження залежностей?
Як DI допомагає при unit-тестуванні?
Що означає "container-based DI"?
Чому неправильний DI може призвести до "dependency hell"?
Чому неправильний DI може призвести до "dependency hell"?
Як DI підвищує гнучкість системи при масштабуванні?
Що таке контейнер залежностей?
Що означає "lifetime" залежностей (singleton, scoped, transient)?
Як уникнути циклічних залежностей у контейнері?
Чому важливо керувати часом життя сервісів?
Що являє собою шарувата архітектура?
Які основні шари включає традиційна архітектура?
Які переваги багатошарової архітектури?
Що таке "презентаційний шар"?
Що робить "бізнес-логічний шар"?
Як взаємодіють шари між собою?
Чому важливо обмежувати залежність між шарами?
Наведіть приклади типових шарів у вебзастосунку
Як впровадити DI у багатошаровій архітектурі?
Яка основна ідея патерну MVC?
Які обов'язки в Model, View і Controller?
Як MVC забезпечує розділення відповідальності?
У чому переваги MVC для UI-застосунків?
Чому MVC спрощує тестування?
Які типові помилки при реалізації MVC?
Розкажіть про підхід MVP.
Чим відрізняється MVVM від MVC?
Що робить ViewModel у MVVM?
Як ViewModel забезпечує двосторонню прив'язку даних (data binding)?
Що робить Presenter у MVP?
Чому MVVM вважається реактивним підходом?
Що означає "однонаправлений потік даних"?
Що таке мікросервісна архітектура?
Чим мікросервіси відрізняються від моноліту?
Які проблеми вирішує мікросервісний підхід?
Що означає принцип "одна бізнес-функція - один сервіс"?
Що таке API Gateway?
Як мікросервіси взаємодіють між собою?
Що таке "bounded context" у мікросервісній архітектурі?
Чому важливо ізолювати бази даних для кожного мікросервісу?
Які недоліки має мікросервісний підхід?
Коли мікросервіси не виправдані?
Що означає «слабка зв'язаність» (loose coupling) між сервісами?
Що означає «висока зв'язність» (high cohesion) всередині сервісу?
Як визначити межі мікросервісу?
Чому REST не завжди найкращий вибір для мікросервісів?
Коли варто використовувати gRPC?
Що таке event sourcing?
Що таке ідемпотентність і навіщо вона потрібна?
Як вирішується проблема узгодженості даних між сервісами?
Чому прямий доступ до БД іншого сервісу - антипатерн?
Що робить оркестратор (Kubernetes, Nomad, ECS)?
Які антипатерни при роботі з мікросервісами ви знаєте?
Що таке «Distributed Monolith»?
Які ключові елементи входять в EDA (publisher, subscriber, event bus)?
Що означає «event sourcing»?
Що робить message broker (Kafka, RabbitMQ)?
Як EDA підвищує масштабованість?
Чому EDA знижує зв'язаність між сервісами?
Що означає «idempotency» у контексті подій?
Чим EDA відрізняється від request-response архітектури?
Як зберігати події в event store?
Які проблеми виникають при повторній доставці подій?
Що являє собою Clean Architecture?
Як структуровані рівні в чистій архітектурі?
Що означає «dependency rule»?
Як упроваджується DI в Clean Architecture?
Чим Clean Architecture відрізняється від Layered Architecture?
Чому UI не повинен залежати від бізнес-логіки?
Що таке Domain-Driven Design (DDD)?
Чому DDD особливо підходить для складних предметних областей?
Що таке model у контексті DDD?
Як DDD допомагає уникнути «анемічних» моделей?
Як DDD впливає на архітектуру проєкту?
Як DDD співвідноситься з принципами SOLID?
Що таке стратегічний дизайн DDD?
Що означає bounded context (обмежений контекст)?
Що таке entity (сутність)?
Що таке repository?
Що означає термін «Ubiquitous Language»?
Що таке агрегат у DDD?
Чому агрегати повинні бути невеликими?
Що таке domain event (доменна подія)?
Що таке «Anemic Domain Model»?
Чому DDD допомагає визначити межі мікросервісів?
Питання для співбесіди з Принципи та SOLID
Принципи SOLID
Що таке принцип підстановки Лісков (LSP)?
DRY (не повторюй себе)
Що означає принцип єдиної відповідальності?
Як визначити, що клас або модуль порушує SRP?
KISS (зберігай це простим, дурню)
YAGNI (вам це не знадобиться)
Чому SRP спрощує підтримку коду?
Як SRP пов'язаний з поняттями "cohesion" і "coupling"?
Наведи приклад порушення SRP
Наведи приклад класу, що дотримується SRP
Як SRP підвищує модульність застосунку?
Що означає принцип відкритості/закритості?
Що таке принцип єдиної відповідальності (SRP)?
Як OCP допомагає уникнути багів при змінах?
Що таке принцип відкритості-закритості (OCP)?
Як реалізувати OCP через успадкування?
Як реалізувати OCP через композицію?
Чому OCP тісно пов'язаний з інтерфейсами?
Чому OCP знижує кількість регресій?
Чому OCP знижує coupling?
Як перевірити, чи дотримується клас принципу Лісков?
Чому LSP пов'язаний з успадкуванням?
Наведіть приклад порушення LSP
Наведіть приклад дотримання LSP
Що означає принцип розділення інтерфейсів?
Чому "товсті" інтерфейси шкідливі?
Наведіть приклад порушення ISP
Чому ISP спрощує рефакторинг?
Як ISP підвищує гнучкість архітектури?
Як ISP підвищує гнучкість архітектури?
Що означає принцип Dependency Inversion?
Чому DIP - основа IoC і DI?
Що означає "модулі верхнього рівня не повинні залежати від нижнього"?
Приклад порушення DIP
Приклад дотримання DIP
Чому DIP підвищує гнучкість системи?
Як DIP допомагає при тестуванні?
Що означає "залежність від абстракції, а не від реалізації"?
Чому DIP покращує масштабованість?
Питання для співбесіди з Архітектура
Архітектура мікрофронтендів
Принципи дизайну REST API та найкращі практики?
Що таке Мікросервісна архітектура?
Що таке теорема CAP?
Що таке circuit breaker?
Модульна архітектура
Що таке архітектурний патерн MVC?
Архітектура атомного дизайну
Feature-sliced design (FSD). обов'язкова архітектура фронтенду для знання
Питання для співбесіди з Docker
Що таке Docker?
Чим контейнер відрізняється від віртуальної машини (VM)?
Для чого використовується Docker?
Які основні компоненти Docker-архітектури?
У чому різниця між Docker і віртуальною машиною?
Що таке контейнер?
Що таке Docker daemon і Docker client? Як вони взаємодіють?
Що таке Docker namespace і cgroups?
Що таке образ (image)?
Що таке Docker Engine?
Що таке containerd і яка його роль в Docker-екосистемі?
Які переваги дає Docker розробникам?
Що таке контейнеризація?
Що таке Docker registry?
Як Docker забезпечує ізоляцію процесів?
Що таке Docker образ?
Що таке Docker image (образ)?
Поясніть поняття Docker layers (шари) та Union File System.
Як перевірити метадані Docker image?
Що таке шар (layer) в Docker образі?
Що означає «іммутабельність образу»?
Як зробити образ з запущеного контейнера?
Як створити Docker образ?
Як видалити docker образ?
Що таке dangling image і як їх видалити?
Що таке тег Docker образу?
Як зменшити розмір Docker image?
Що таке Dockerfile?
Що таке distroless образи і яку перевагу вони дають?
Що таке overlay2 storage driver і коли варто його змінити?
Що таке базовий образ (base image)?
Що таке multi-stage build?
Як Docker об'єднує шари в образі?
Що таке контейнер у Docker?
Що таке lifecycle контейнера Docker?
Чому контейнери називають "легковаговою віртуалізацією"?
Що відбувається при запуску контейнера?
Як запустити контейнер з Docker image?
Як переглянути список запущених контейнерів? А всіх контейнерів?
Як запустити docker контейнер?
Як потрапити всередину запущеного контейнера?
Як зупинити роботу Docker контейнера?
Поясніть різницю між docker exec і docker attach.
Чому краще не зберігати дані всередині контейнера?
Як зберегти дані між запусками контейнерів? (junior)
Як контейнери обмінюються даними між собою?
Як перевірити стан, логи та метадані контейнера?
Як переглянути логи контейнера?
Як зупинити і видалити контейнер?
У чому різниця між docker stop та docker kill?
Як використовувати змінні середовища в Docker?
Чим Dockerfile відрізняється від образу?
Що таке restart policy і які варіанти існують?
Як з Dockerfile створюється образ?
Як обмежити ресурси контейнера (CPU, пам'ять)?
Як встановити health check для контейнера?
Що означає "build context"?
Як обробляти сигнали в контейнерах? Що таке init process?
Як задати ім'я та тег створюваного образу?
Що таке шар (layer) в Dockerfile?
Чому важливо мінімізувати кількість шарів?
Чому порядок інструкцій в Dockerfile важливий?
Що означає "multi-stage build"?
Чому варто використовувати alpine-образи?
Що таке Docker Compose?
Чим Compose відрізняється від Dockerfile?
Що описується в docker-compose.yml?
Як пересобрати образи в Compose?
Що таке volume у Docker?
У чому різниця між COPY і ADD у Dockerfile?
Навіщо потрібні томи (volumes)?
У чому різниця між CMD і ENTRYPOINT?
Де фізично зберігаються Docker томи?
Що таке EXPOSE в Dockerfile і чим відрізняється від публікації порту?
Як змонтувати том у контейнері?
Що таке bind mount?
Як працює build cache в Docker і як ним керувати?
Як Docker створює том автоматично?
Що таке multi-stage build і навіщо він потрібен?
Як оголосити volume у docker-compose.yml?
Що таке BuildKit і які переваги він надає?
Що таке мережа в Docker?
Як реалізувати multi-platform builds (ARM + AMD64)?
Чому контейнери не бачать один одного без мережі?
Які типи мереж існують у Docker за умовчанням?
Що означає ізоляція мереж?
Що таке bridge мережа?
Що таке host мережа?
Що таке none мережа?
Що таке Docker Hub?
Як контейнери спілкуються між собою в Docker Compose?
Як підняти залежності сервісів у docker-compose (наприклад, web після db)?
Що таке Docker Repository?
Що робить тег (tag) образу?
Що таке Docker Compose profiles і як їх використовувати?
Як завантажити Docker образ з registry?
Як реалізувати масштабування сервісів у Docker Compose?
Що означає "immutable tag"?
Чим публічний реєстр відрізняється від приватного?
Яку роль відіграє registry в ci/cd?
Де зберігаються Docker volumes на хост-системі?
Як поділитись даними між контейнерами?
Як оновити контейнер без втрати даних?
Поясніть роботу Docker networking. Які є типи мереж?
Як працює bridge networking в Docker?
Що таке overlay network і коли вона потрібна?
Як troubleshoot мережеві проблеми між контейнерами?
Що таке Docker registry і чим він відрізняється від Docker Hub?
Як передати образ між хостами без реєстру?
Як налаштувати приватний Docker registry (Harbor)?
Як налагоджувати (debug) проблеми у контейнері?
Як організувати log management у Docker?
Як вирішити проблему "no space left on device" на Docker-хості?
Як сканувати Docker образи на вразливості?
Що таке rootless Docker і коли його використовувати?
Як правильно управляти секретами (паролями, ключами) у Docker?
Що таке Docker Content Trust (DCT)?
Як реалізувати security hardening Docker контейнерів?
Що таке Docker Swarm?
Як виконати rolling update у Docker Swarm?
Як практично використовувати Docker у CI/CD пайплайні?
Поясніть концепцію immutable infrastructure з Docker.
Які є підходи до zero-downtime deployment з Docker у production?
Як провести live migration контейнера між хостами (CRIU)?
Питання для співбесіди з Git
Що таке git stash і коли його використовувати?
Яка різниця між git fetch та git pull?
Різниця між git reset та git revert?
Що таке git cherry-pick і коли його використовувати?
Стратегії гілкування Git (Git Flow, GitHub Flow)?
Що таке Git?
Що таке git bisect?
Яку проблему вирішує Git?
Що таке репозиторій у Git?
Як Git зберігає дані?
Що таке коміт з точки зору Git?
Як ініціалізувати git?
Для чого використовується git status?
Для чого використовується команда git add?
Для чого використовується git commit?
Для чого використовується git rm?
Для чого використовується git diff?
Що таке гілка в Git?
Навіщо в Git потрібні гілки?
Що таке HEAD у Git?
Що таке основна гілка проекту?
Що таке feature-гілка?
Як видалити гілку?
Яка різниця між git merge та git rebase?
Що таке віддалений репозиторій у Git?
Чим локальний репозиторій відрізняється від віддаленого?
Що таке remote в Git?
Для чого використовується git clone?
Для чого використовується git fetch?
Для чого використовується git pull?
Для чого використовується git push?
Що таке історія комітів у Git?
Як подивитися історію комітів у репозиторії?
Чим відрізняється git log від git status?
Що таке HEAD у Git?
Що означає стан detached HEAD?
Як перейти на конкретний коміт?
Що робить git checkout <commit>?
Чим git checkout відрізняється від git switch?
Чим відрізняється HEAD~1 від HEAD^?
Чи можна змінювати історію комітів?
Що робить git rebase з історією?
Коли використовувати reset, а коли revert?
Що означає «скасування змін» у Git?
Що таке Git теги і коли їх використовувати?
Що таке робоче дерево (working directory)?
Які команди Git використовуються для скасування змін?
У чому різниця між git restore і git reset?
Що таке reflog і навіщо він потрібен?
Що робить git restore <file>?
Що робить git clean?
Що робить команда git reset?
Що таке git stash?
Які зміни потрапляють у stash?
Як відновити зміни зі stash через деякий час?
Що таке git merge?
Що таке Git hooks?
У чому основна різниця між merge і rebase?
Що відбувається з історією комітів при merge?
Що відбувається з історією комітів при rebase?
Що таке конфлікт при merge?
Що таке конфлікт під час rebase?
Що простіше відкотити: merge чи rebase?
Що робить git rebase --abort?
Що відбувається за умовчанням при git pull?
Чи можна налаштувати git pull на rebase?
Що таке Git workflow?
Які задачі вирішує Git workflow?
У чому суть Feature Branch Workflow?
Як зазвичай іменують feature-гілки?
Від якої гілки створюються feature-гілки?
У чому основна ідея Gitflow?
Навіщо потрібна гілка develop?
Від якої гілки створюється feature-гілка в Gitflow?
Що таке Trunk-Based Development?
У чому філософія Trunk-Based Development?
Що вважається trunk?
Наскільки короткими мають бути feature-гілки?
Що таке тег у Git?
Чим тег відрізняється від гілки?
Що таке annotated tag?
Чому теги вважаються незмінними?
Що таке реліз у контексті Git?
Як теги використовуються для релізів?
Що означає MAJOR версія?
Що означає MINOR версія?
Що означає версія PATCH?
Що таке pre-release версії?
Що таке CI?
Що зазвичай тригерить CI pipeline?
Як CI перевіряє якість коду?
Як CI/CD впливає на швидкість релізів?
Як CI/CD впливає на стабільність?
Що таке hotfix?
Питання для співбесіди з SQL
Де можна використовувати підзапити?
Як працювати з пріоритетом логічних операторів?
Що таке база даних?
Що таке SQL? Для чого використовується SQL?
Що таке реляційна база даних?
Чим реляційна база даних відрізняється від нереляційної?
Що таке таблиця в базі даних?
Що таке схема (schema) бази даних?
Що таке поле (field)?
Що таке SQL-запит (query)?
Що таке DDL, DML, DCL, TCL?
Які типи даних є в SQL?
Що таке первинний ключ (PRIMARY KEY)?
Що таке зовнішній ключ (FOREIGN KEY)?
Розкажіть про нормальні форми (1НФ, 2НФ, 3НФ)
Що таке цілісність даних?
Що таке надлишковість даних?
Як створити таблицю в SQL?
Як видалити таблицю?
Як додати нову колонку в таблицю?
Як видалити стовпець з таблиці?
Чим DROP TABLE відрізняється від DELETE?
Що таке DML у SQL?
Як додати запис у таблицю?
Як оновити запис у таблиці?
Як видалити запис у таблиці?
Що робить команда TRUNCATE?
Як додати кілька рядків одним запитом?
Що станеться, якщо не вказати всі обов'язкові поля при INSERT?
Що таке автоінкремент (AUTO_INCREMENT / SERIAL)?
Як зробити поле унікальним у рядку?
Як видалити всі рядки з таблиці?
Що робить ON DELETE CASCADE?
Що робить команда MERGE?
Що робить команда SELECT у SQL?
Як обрати всі стовпці таблиці?
Як обрати лише певні стовпці?
Як обрати унікальні рядки з таблиці?
Що робить DISTINCT?
Що робить GROUP BY?
Що робить LIMIT у SQL?
Як вивести лише 10 перших записів?
Як фільтрувати рядки за умовою?
Що робить оператор WHERE?
Що робить LIKE?
Що робить оператор BETWEEN?
Як задати кілька умов фільтрації одночасно?
Що робить оператор IN?
Що робить NOT IN?
Що робить ORDER BY?
Як відсортувати дані за зростанням?
Як відсортувати дані за спаданням?
Що роблять ASC і DESC?
Як сортувати за кількома полями?
Що роблять NULLS FIRST і NULLS LAST?
Як поєднати ORDER BY і LIMIT?
Для чого потрібно об'єднувати таблиці?
Чим JOIN відрізняється від підзапиту?
Чи можна з'єднувати більше двох таблиць?
Що таке зв'язки між таблицями?
Розкажіть про зв'язок 1:1 (один до одного)
Розкажіть про зв'язок 1:many (1 до багатьох)
Розкажіть про зв'язок many:many (багато до багатьох)
Що робить LEFT JOIN?
Що робить RIGHT JOIN?
Що робить FULL OUTER JOIN?
Що робить CROSS JOIN?
Що таке декартів добуток?
Що робить USING у JOIN?
Що таке агрегування даних у SQL?
Що робить агрегатна функція COUNT()?
Що робить SUM()?
Що роблять MIN() і MAX()?
Що робить GROUP BY?
Як працює групування в SQL?
Як пов'язані агрегатні функції та GROUP BY?
Як згрупувати дані за одним полем?
Як згрупувати дані за кількома полями?
Що робить HAVING? Чим HAVING відрізняється від WHERE?
Що таке індекс у SQL? Навіщо потрібні індекси?
Як індекс прискорює пошук даних?
Як індекс впливає на швидкість вставки й оновлення?
Що означає термін «індексне дерево»?
Що таке кластерний індекс (clustered index)?
Що таке некластерний індекс (non-clustered index)?
Що таке покривний індекс (covering index)?
Що таке композитний (складений) індекс?
Чому індекси не завжди корисні?
Як реалізуються індекси всередині СУБД?
Що таке B-Tree індекс?
Коли Hash-індекси ефективніші?
Як створити індекс у SQL?
Що таке «функціональний індекс»?
Що таке транзакція в SQL?
Навіщо потрібні транзакції?
Що означає термін «атомарність»?
Чому транзакції важливі для цілісності даних?
Що таке ACID?
Що означає «Consistency» в ACID?
Що означає «Isolation» в ACID?
Що означає «Durability» в ACID?
Що станеться, якщо транзакція перерветься посередині?
Як почати транзакцію в SQL?
Що робить команда COMMIT?
Що робить команда ROLLBACK?
Чому транзакції забезпечують атомарність?
Як транзакції забезпечують узгодженість даних?
Що таке рівень ізоляції транзакцій?
Що таке блокування (lock) у SQL?
Що таке подання (VIEW) у SQL?
Навіщо потрібні подання?
Як створити подання?
Чи можна вставляти дані в подання?
Чи можна оновлювати дані через подання?
Чи можна видаляти дані через подання?
Як подання впливають на продуктивність?
Що таке функція в SQL?
Як створити функцію?
Що таке детермінована функція?
Що таке недетермінована функція?
Що таке тригер у SQL?
Навіщо потрібні тригери?
Які бувають типи тригерів?
Що робить тригер рівня рядка?
Які плюси й мінуси використання тригерів?
Що включає адміністрування баз даних?
Що означає термін «інстанс» (instance) бази даних?
Що таке «схема» (schema) у SQL?
Як клієнти підключаються до сервера бази даних?
Що таке «конфігураційні файли» у СУБД?
Навіщо потрібен журнал undo / rollback log?
Що таке користувач у SQL?
Як створити користувача?
Що таке права доступу (privileges)?
Які бувають типи резервного копіювання?
Як часто потрібно робити бекап?
Навіщо потрібен моніторинг БД?
Які метрики важливо відстежувати в БД при адмініструванні?
Що означає «SQL injection»?
Як захиститися від SQL-ін'єкцій?
Що таке масштабування бази даних?
Чим відрізняється масштабування від оптимізації?
Що таке «вузьке місце» (bottleneck) у базі даних?
Які бувають види масштабування?
Що таке горизонтальне масштабування (horizontal scaling)?
Чому важливо розділяти навантаження на читання й запис?
Що таке PgBouncer і навіщо він потрібен?
Що таке реплікація в SQL?
Чим реплікація допомагає масштабувати БД?
Що означає архітектура «master-replica»?
Чим відрізняється синхронна реплікація від асинхронної?
Що таке партиціонування (partitioning)?
Що таке шардування (sharding)?
Чим партиціонування відрізняється від шардування?
Які бувають стратегії шардування?
Що таке балансування навантаження (load balancing)?
Як розподілити запити між кількома репліками?
Як масштабування впливає на консистентність даних?
Що таке кластер баз даних?
Питання для співбесіди з MongoDB
Що таке MongoDB?
Що означає «NoSQL»?
Чим MongoDB відрізняється від реляційних баз даних?
Чому MongoDB називають документно-орієнтованою базою даних?
З чого складається архітектура MongoDB?
Що таке BSON?
Чому MongoDB зберігає дані у форматі BSON?
Які типи даних підтримує BSON?
Чому MongoDB вважається гнучкою за схемою?
Що таке документ у MongoDB?
Що таке колекція в MongoDB?
Що таке база даних (database) у MongoDB?
Як виглядає приклад BSON-документа?
Що таке ObjectId?
Чим колекція відрізняється від таблиці в SQL?
Що таке вкладений документ (embedded document)?
Що таке динамічна схема даних?
Що таке схема (schema) у MongoDB?
Як створити одразу кілька документів у БД?
Як оновити документ у БД?
Як видалити документ у БД?
Чим replaceOne() відрізняється від updateOne()?
Що означає "atomicity" в контексті CRUD?
Як знайти документ у БД?
Що робить limit()?
Що робить skip()?
Як відсортувати результат?
Що таке bulk-операції в MongoDB?
У якому методі вказується фільтр у MongoDB?
Чи можна фільтрувати за вкладеними полями?
У якому форматі задаються фільтри в MongoDB?
Чим $eq відрізняється від простого { field: value }?
Що робить $ne?
Що робить $gt?
Що робить $lt?
Що робить $and?
Що робить $or?
Що робить $not?
Як фільтрувати документи, де масив містить конкретне значення?
Коли потрібно використовувати $elemMatch?
Що робить $expr? Коли потрібен $expr замість стандартних фільтрів?
Навіщо потрібні індекси?
Як індекси пришвидшують пошук?
Що означає "B-tree структура індексу"?
Чому індекси сповільнюють операції запису?
Який індекс створюється автоматично в MongoDB?
Що таке агрегація в MongoDB?
Що означає "aggregation pipeline"?
Що означає стадія (stage) в агрегації?
Що робить стадія $group?
Що робить стадія $project?
Що робить стадія $sort?
Що робить стадія $limit?
Що робить стадія $skip?
Що означає термін "масштабування" в контексті MongoDB?
Які типи масштабування підтримує MongoDB?
Чим вертикальне масштабування відрізняється від горизонтального?
Що таке шардування в MongoDB?
Чому MongoDB масштабується горизонтально?
Які переваги дає розподілене зберігання даних?
Що таке Replica Set?
Що робить первинний (Primary) вузол?
Що роблять вторинні (Secondary) вузли?
Чим шардування відрізняється від реплікації?
Що таке shard (шард)?
Що таке shard key (ключ шардування)?
Що таке "chunk" у MongoDB?
Що таке транзакція в MongoDB?
Що означає атомарність (Atomicity)?
Що означає узгодженість (Consistency)?
Що означає ізольованість (Isolation)?
Що означає довговічність (Durability)?
Як MongoDB реалізує атомарність без транзакцій?
Питання для співбесіди з Redis
Що таке Redis?
Чому Redis називають in-memory базою даних?
Де Redis зберігає дані за замовчуванням?
Які сценарії використання Redis найпоширеніші?
Чому Redis вважається дуже швидким?
Що робить Redis однопотоковою системою?
Чому Redis часто використовується як cache layer?
Як Redis використовує пам'ять?
Як Redis застосовується в чергах задач (Celery, Bull, RQ)?
Які основні типи даних підтримує Redis?
Як Redis зберігає тип значення під капотом?
Чому в Redis кажуть "ключ → структура даних", а не просто "ключ → значення"?
Що таке String у Redis?
Що таке List у Redis?
Що таке Set у Redis?
Що таке Sorted Set (ZSet)?
Що таке Hash у Redis?
Що таке HyperLogLog?
Що таке Bitmap?
Що таке Geospatial типи в Redis?
Чому Redis - це in-memory БД?
Що означає модель "key-value" у контексті Redis?
Чому Redis швидший за традиційні бази даних?
Чому Redis вважається однопотоковою системою?
Що робить event loop у Redis?
Чому Redis не потребує традиційного багатопотокового підходу?
Як Redis керує пам'яттю? Як Redis виділяє пам'ять під ключі й значення?
Що таке "allocator" у контексті Redis?
Що таке database index у Redis?
Що таке реплікація в Redis? Навіщо потрібна реплікація?
Що означає модель "master-replica" у Redis?
Як дізнатися, чи Redis-вузол є master, чи реплікою?
Як працює каскадна реплікація в Redis?
Які плюси в асинхронної реплікації?
Як реплікація впливає на продуктивність?
Чим Sentinel відрізняється від Redis Cluster?
Як Sentinel забезпечує відмовостійкість Redis?
З чого складається система Sentinel?
Скільки екземплярів Sentinel рекомендується мати мінімум?
Що таке Redis Cluster?
Як Redis Cluster масштабується горизонтально?
З чого складається Redis Cluster?
Як розподіляються слоти між вузлами?
Що робить репліка в кластері?
Питання для співбесіди з Ручне тестування
Питання для співбесіди з Автотести
Питання для співбесіди з Питання від HR
Розкажіть про ваш досвід
Найцікавіше завдання
Найцікавіше завдання
Ваш рівень
Ваш стек і напрям
Твій стек або напрямок
Зміна роботи
Зміна роботи
Які завдання вам подобаються
Які завдання тобі подобаються
Мотивація в роботі
Мотивація в роботі
Ідеальна команда
Ідеальна команда
Ким ви бачите себе через 2-3 роки
Як ти зазвичай прокачуєш навички?
Як ви розвиваєте навички
Робота саме у нас
Чому саме наша компанія
Іпотека
Переробки
Понаднормова робота
Чому саме ви?
Питання для співбесіди з Процеси в IT
Що таке SDLC і навіщо він потрібен? Які основні етапи включає SDLC?
Хто відповідає за збір вимог у проекті?
Що таке use case?
Що входить до етапу проектування?
Хто бере участь у проєктуванні архітектури?
Що таке архітектурна діаграма?
Що таке діаграми UML?
Що таке Design Review?
Назви 4 ключові цінності Agile Manifesto.
Чим Agile відрізняється від Waterfall?
Що таке ітеративна розробка?
Чим відрізняється Scrum від Kanban?
Які ролі існують у Scrum?
Які події включає Scrum?
Що таке Product Backlog?
Що таке Definition of Done (DoD)?
Що таке Sprint Goal?
Що таке Daily Scrum і яка його мета?
Що відбувається на Sprint Review?
Що таке Sprint Retrospective?
Які обов'язки у Product Owner?
Що таке Story Points і навіщо вони потрібні?
Що таке user story?
Що таке velocity і як вона використовується?
Як вимірюється прогрес команди?
Що таке lead time і cycle time?
Як оцінювати продуктивність команди Scrum?
Що таке cumulative flow diagram?
Навіщо потрібні метрики передбачуваності?
Що таке Kanban?
Чим Kanban відрізняється від Scrum?
Що являє собою Канбан-дошка?
Як Kanban допомагає виявляти вузькі місця в процесі?
Що таке безперервний потік (continuous flow)?
Перерахуйте основні принципи Kanban.
Як принципи Kanban сприяють прозорості?
Чому важливо мати "Definition of Done"?
Що таке WIP у Kanban? Чому важливо обмежувати кількість завдань у роботі?
Як виміряти швидкість потоку?
Що означає "вузьке місце" (bottleneck)?
Як виявити вузьке місце в потоці?
Що означає "cumulative flow diagram"?
Які метрики використовуються в Kanban?
Що означає "lead time"?
Що означає "cycle time"?
Що означає термін «функціональна команда»?
Що означає термін «кросфункціональна команда»?
Які щоденні або щотижневі зустрічі найчастіше є в ІТ-командах?
Що робить тімлід?
Чим відрізняється Product Owner від Project Manager?
Як розробники і QA взаємодіють у процесі тестування?
Які способи ділитися знаннями є всередині команди і чому це важливо?
Як проходить код-рев'ю?
Чи можна обійтися без код-рев'ю?
Як feature flags допомагають тестувати нові фічі?
Навіщо потрібне планування в процесі розробки?
Що таке система контролю версій?
Що таке підхід Git Flow до розробки?
Що таке feature branch?
Що означає "pull request"?
Яка мета code review?
Що означає Continuous Integration (CI)?
Чому CI важливий для стабільності релізів?
Що включає типовий CI pipeline?
Як CI інтегрується з Docker?
Хто відповідає за реліз?
Що таке релізний цикл?
Що таке A/B-тестування?
Що таке feature flag?
Опиши процес релізу у твоїй команді.
Як ти вирішуєш конфлікти при злитті гілок перед релізом?
Питання для співбесіди з Що запитати самому
Про продукт
Проблема
Стадія розвитку
Поточна розробка
Існування
Чисельність
Тип команди
Код-рев'ю
Зустрічі
ТЗ
Методологія
Процеси
Онбординг
Документація
Перформанс-рев'ю
Модель гілкування
Стек технологій
Легасі
Архітектура проекту
Інфраструктура
Релізи
Чергування
Техборг
Баги
Тести
Грейди
Перформанс-рев'ю
Початок роботи
Ріст
Формат роботи
Робочий графік
Інструменти комунікації
Дзвінки
Відрядження
Премії
Підвищення
Випробувальний термін
Питання для співбесіди з Загальні питання
Як налагоджувати застосунок та знаходити витоки пам'яті
Яка різниця між functions і procedures в SQL?
Що таке критичний шлях рендерингу (crp) у браузері
CSR, SSR, SSG, ISR — різниця між стратегіями рендерингу
Коли відбуваються reflow та repaint у браузері
Що таке композитні індекси?
ACID - atomicity
Як працює браузер під час введення запиту та етапів рендерингу
Що таке service worker?
Що таке тризначний рукопашний?
Події, надіслані з сервера, пулінг та довгий пулінг: що це таке та коли їх використовувати
Сучасна архітектура браузера (процеси та потоки)
Сховище браузера: cookie, LocalStorage, SessionStorage та IndexedDB
Стратегії завантаження ресурсів - preload, prefetch, modulepreload
Що таке симетричний і асиметричний ключ в шифруванні?
Як працює HTTP та з чого складається HTTP-запит
HTTP коди статусів
Як працює HTTPS та відмінності від HTTP
HTTP/2 проти HTTP/3: еволюція протоколу
Що таке REST та принципи REST — REST API
Яка різниця між PUT i PATCH?
Чи можна відправляти body в GET-запиті?
Парсинг пайплайн - від байтів до DOM та CSSOM
Що таке shadow DOM у веб-розробці
Незмінність та змінність у JavaScript
Архітектура V8: від коду до машинних інструкцій
Яка різниця між process i thread в Node.js?
Що таке прогресивний рендеринг у веб-розробці
Яка різниця між авторизацією та автентифікацією?
Що таке JWT і як він працює?
Що таке CORS і як це працює?
Що таке XSS і як його запобігти?
Що таке CSRF і як його запобігти?
Як працює left join?
Як працює right join?
Що таке referential actions в SQL?
Що таке clustered і non-clustered індекси?
Що таке Webpack?
Типи фронтенд-тестування
Що таке CDN і навіщо воно потрібне?
Що таке throttling?
Що таке noisy tenants?
