Следующие вопросы и ответы помогут подготовиться к frontend интервью. На каждый нужно уметь ответить своими словами — не заучивать, важно понимание.
Вопросы HTML и CSS
Что такое Semantic HTML? Теги, выражающие смысл (header, nav, main, article, section, footer). Вместо div и span. Важно для SEO и accessibility. Браузер и поисковики понимают.
Разница Flexbox и Grid? Flexbox одномерный (ряд или столбец), Grid двумерный. Flexbox — навигация, ряд карточек, центрирование. Grid — сложный layout, галерея, dashboard. Можно использовать вместе.
Как работает CSS specificity? Inline > ID > Class > Element. !important выше всего, но избегайте — сложно отлаживать. Расчёт: 1000 (inline), 100 (ID), 10 (class), 1 (element).
Вопросы JavaScript
Разница let, const и var? var — function scope, hoisting (можно использовать до объявления). let и const — block scope (внутри {}). const — неизменяемый, но данные внутри object/array могут меняться. const предпочтительнее.
Promise и async/await? Promise — асинхронные операции (API запрос). async/await — более простой способ писать Promise. try/catch для ошибок. Альтернатива .then() и .catch().
Что такое Event delegation? Один event listener на parent для child элементов. Работает благодаря bubbling. Удобно для динамических элементов — новые тоже работают.
Вопросы React
useState и useEffect? useState — state компонента, триггер re-render. useEffect — side effects (API запрос, subscription, DOM). Dependency array [] — один раз, [value] — при изменении value. Cleanup function — при unmount.
Что такое Virtual DOM? Лёгкая копия реального DOM (JavaScript объект). Сравнивает изменения и обновляет только нужные части. Быстрее. Reconciliation — diff алгоритм.
Зачем нужен key prop? React идентифицирует элементы. В списке key — должен быть уникальным. Index как key плохо — ошибки при reorder, add, remove. id или уникальная строка.
Заключение
Эти вопросы основные. На каждый нужно уметь ответить своими словами. Практика — лучший учитель. Делайте mock интервью — с другом или онлайн.
