Frontend-інструменти
Збирачі та бандлери, транспіляція, лінтери, пакетні менеджери й налаштування воркфлоу.
0/187
- 1Чому Webpack називають "модульним бандлером"?Junior
- 2Що таке "точка входу" (entry point) у Webpack?Junior
- 3Що таке output у webpack?Junior
- 4Що змінюється при перемиканні між режимами development і production?Junior
- 5Які ключові поля є в конфігурації Webpack?Junior
- 6Що таке мінімізація?Junior
- 8Яке завдання виконують plugins у Webpack?Junior
- 9Які основні loaders підключаються для Frontend застосунку на React?Junior
- 10Чи можна писати свої плагіни у Webpack?Junior
- 11Як налаштувати запуск Webpack для розробки?Junior
- 12Що таке code splitting?Junior
- 13За допомогою чого реалізуються "Мікрофронтенди" у Webpack?Junior
- 14Що таке HMR?Junior
- 15Що таке HMR?Junior
- 16Що таке Vite?Junior
- 18Як Vite використовує нативні ES-модулі?Junior
- 19Що таке "no-bundle development"?Junior
- 20Що таке плагін у Vite?Junior
- 21Що таке Turbopack?Junior
- 22Чому Turbopack написаний на Rust?Junior
- 23У чому основна перевага Turbopack над іншими збирачами?Junior
- 24Що означає термін "incremental bundler"?Junior
- 25Що означає "lazy compilation"?Junior
- 27Як Turbopack кешує результати збірки?Junior
- 28Що таке esbuild?Junior
- 29Якою мовою написаний esbuild?Junior
- 30Що таке npx?Junior
- 1Що таке npm?Junior
- 2Чому npm встановлюється разом із Node.js?Junior
- 3Як проініціалізувати проєкт з npm?Junior
- 5Що зберігає в собі node_modules?Junior
- 6Що таке npm registry?Junior
- 7Як встановити пакет?Junior
- 8Чим локальне встановлення відрізняється від глобального?Junior
- 9Що робить npm run?Junior
- 10Як запустити скрипт за іменем?Junior
- 11Що таке залежності?Junior
- 12Що таке dev-залежності і чим вони відрізняються від звичайних dependencies?Junior
- 13Чим npx відрізняється від npm?Junior
- 14Що таке Yarn?Junior
- 16Чим Yarn відрізняється від npm?Junior
- 17Чому Yarn вважається швидким?Junior
- 18Що таке pnpm?Junior
- 19Чим pnpm відрізняється від npm і yarn?Junior
- 20Чому pnpm вважається продуктивнішим?Junior
- 21Як pnpm економить місце на диску?Junior
- 22Що таке .pnpm-store?Junior
- 23Що таке pnpm workspaces?Junior
- 24Чому pnpm найчастіше використовують у монорепозиторіях?Junior
- 25Що таке store у pnpm?Junior
- 2Які основні CSS-препроцесори існують?Junior
- 3У чому переваги препроцесорів перед звичайним CSS?Junior
- 4Що робить препроцесор під час компіляції?Junior
- 5Що таке змінні в препроцесорах?Junior
- 6Що таке «інтерполяція» в SCSS?Junior
- 7Що таке вкладеність у препроцесорах?Junior
- 8Чому надмірна вкладеність - антипатерн?Junior
- 10Що таке функції в SCSS?Junior
- 11Що робить @if у SCSS?Junior
- 12Що робить директива @extend?Junior
- 13Що таке постпроцесор CSS?Junior
- 14Чим постпроцесор відрізняється від препроцесора (SASS/LESS)?Junior
- 15Що робить постпроцесор на етапі збірки?Junior
- 16Які завдання вирішують постпроцесори в сучасному фронтенді?Junior
- 17Що таке PostCSS?Junior
- 18Як PostCSS обробляє CSS-файли?Junior
- 19У яких випадках PostCSS використовується разом із препроцесорами?Junior
- 21Чому Tailwind називають utility-first фреймворком?Junior
- 22Як Tailwind інтегрується з PostCSS?Junior
- 23Що робить JIT (Just-In-Time) компілятор у Tailwind?Junior
- 24У чому перевага Tailwind перед класичним CSS?Junior
- 25Чому Tailwind прискорює верстку?Junior
- 26Як Tailwind допомагає підтримувати єдиний дизайн?Junior
- 28Як Tailwind допомагає з консистентністю UI?Junior
- 29Що таке utility-клас?Junior
- 1Що таке ESLint? Навіщо потрібен ESLint?Junior
- 2Чим ESLint відрізняється від Prettier?Junior
- 3Що означає термін "статичний аналіз коду"?Junior
- 4Як ESLint підвищує якість коду?Junior
- 5Що таке правило ESLint?Junior
- 6Що таке плагін у ESLint?Junior
- 8Що таке AST при написанні плагіна і як з ним працювати?Junior
- 9Що таке Prettier? Навіщо потрібен Prettier?Middle
- 10Чим Prettier відрізняється від ESLint?Junior
- 11Чи може Prettier перевіряти помилки коду?Junior
- 12Що робить Prettier з кодом?Junior
- 13Навіщо потрібен Biome?Junior
- 15Чому Biome швидше за аналоги?Junior
- 1Що таке юніт-тестування?Junior
- 2Навіщо писати юніт-тести?Junior
- 3Як юніт-тести допомагають під час рефакторингу?Junior
- 4Що таке «Test Driven Development (TDD)»?Junior
- 5Що таке Jest?Junior
- 6Як написати базовий тест на Jest?Junior
- 7Як описати очікування в тесті?Junior
- 9Що таке мокова функція в контексті тестів?Junior
- 10Що таке снапшотне тестування?Junior
- 11Чому снапшоти часто вважають антипатерном?Junior
- 12Що таке скриншотне (візуальне) UI-тестування?Junior
- 13Чим візуальне тестування відрізняється від функціонального?Junior
- 14У чому мета скриншотного тестування?Junior
- 15Що робить візуальний регресійний тест?Junior
- 16Чому воно особливо корисне у великих проєктах?Junior
- 17Чому візуальні тести можуть бути нестабільними?Junior
- 18Які інструменти використовуються для візуального тестування?Junior
- 19Що таке тестування компонентів?Junior
- 21Чим тестування компонентів відрізняється від e2e?Junior
- 22Чому важливо, щоб тести були ізольованими?Junior
- 23Що таке snapshot-тестування компонентів?Junior
- 24Чому снапшоти часто вважають антипатерном?Junior
- 25Що таке React Testing Library?Junior
- 26Які типи селекторів надає RTL?Junior
- 27Що таке E2E-тестування?Junior
- 28Чим E2E-тести відрізняються від юніт-тестів?Junior
- 30Яке співвідношення між юніт-, інтеграційними та E2E-тестами оптимальне?Junior
- 31Чому E2E-тести часто бувають нестабільними?Junior
- 32Які популярні інструменти використовуються для E2E-тестування frontend-застосунків?Junior
- 33Що являє собою E2E-тест на рівні коду?Junior
- 34Що таке «page object pattern»?Junior
- 35Що означає «mocking» в E2E-тестах?Junior
- 36Коли варто мокати API, а коли ні?Junior
- 37Чому е2е тестів не повинно бути багато?Junior
- 2Як продуктивність впливає на SEO?Junior
- 3Що означає «оптимізація рендерингу»?Junior
- 4Які основні показники впливають на UX?Junior
- 5Що таке критичний шлях рендерингу (critical rendering path)?Junior
- 6Що таке time-to-interactive (TTI)?Junior
- 7Що таке first contentful paint (FCP)?Junior
- 8Що таке largest contentful paint (LCP)?Junior
- 9Що таке first input delay (FID)?Junior
- 10Що таке cumulative layout shift (CLS)?Junior
- 12Що таке performance budget?Junior
- 13Які інструменти використовуються для аналізу?Junior
- 14Що робить Lighthouse?Junior
- 15Що робить Web Vitals?Junior
- 16Як використовувати Chrome DevTools для вимірювань?Junior
- 17Що робить вкладка Performance?Junior
- 18Що показує вкладка Network?Junior
- 20Що показує вкладка Memory?Junior
- 21Що таке профайлінг (profiling)?Junior
- 22Як використовувати Performance Insights у Chrome?Junior
- 23Що робить Core Web Vitals API?Junior
- 24Чому важливо зменшити initial load?Junior
- 25Що таке code splitting?Junior
- 26Чому важливо видаляти невикористаний код?Junior
- 28Що робить мініфікація?Junior
- 29Як CSS впливає на продуктивність?Junior
- 30Що робить reflow (layout)?Junior
- 31Що робить repaint?Junior
- 32Чим Virtual DOM швидший за звичайний?Junior
- 33Чому зображення - важлива причина повільного завантаження?Junior
- 1Навіщо впроваджувати аналітику у веб-застосунках?Junior
- 2Чим аналітика відрізняється від метрик продуктивності?Junior
- 3Що таке event-driven аналітика?Junior
- 4Чому важливо збирати метрики на клієнті?Junior
- 5Що таке Google Analytics (GA)?Junior
- 6Які три основні метрики входять до Core Web Vitals?Junior
- 8Що таке FID (First Input Delay)?Junior
- 9Що таке CLS (Cumulative Layout Shift)?Junior
- 10Що робить feature flag?Junior
- 11Що таке error analytics?Junior
- 12Як відстежувати помилки на фронтенді?Junior