April 18, 2024

Что спрашивают на собеседовании у фронтенд разработчика в 2024 году 

Хочу поделиться своей базой вопросов, собранной с 30+ собеседований. Надеюсь кто-то найдет для себя новый вопрос, который вероятно встретиться ему.

Ссылка на текстовый файл со всеми вопросами: клик

Темы вопросов:

  • web / computer science
  • html
  • css
  • javascript, typescript
  • react


web / computer science

  1. Что делает браузер после того, как мы введем https://google.com
  2. Если ты будешь с нуля писать веб-приложение, какую архитектуру будешь использовать и стек? Почему?
  3. Что такое JWT
  4. Server-Side Rendering и разница с SPA
  5. Что такое кроссбраузерность
  6. HTTP / HTTPS
  7. Разница между cookie, sessionStorage и localStorage?
  8. Способы уменьшения времени загрузки веб-страницы и оптимизация
  9. Разница TCP / UDP
  10. ООП
  11. SOLID
  12. DRY / KISS / YAGNI
  13. Разница между Progressive Enchancement и Graceful Degradation
  14. MVC / FLUX
  15. Что такое middleware
  16. CORS

html

  1. Разница между <script>, <script async> и <script defer>?
  2. Что такое семантика + семантические теги
  3. Методология БЭМ
  4. Canvas - что это такое?
  5. Что такое doctype? И для чего он используется?

css

  1. Типы позиционирования css
  2. Перечислите блочные элементы, которые вам известны(хотя бы 5) и строчные
  3. Расшифруй CSS и почему каскад?
  4. Специфичность
  5. Виды адаптивных версток
  6. Сss анимации
  7. Свойство display - основное значение и как оно работает, другие значения display
  8. Почему важно указывать ширину и высоту для картинок
  9. Как увеличить в размере при наведении элемент, не сдвигая соседние
  10. Для чего служат vh, vw при указании размеров
  11. Что такое border box(блочная модель). Для чего нужно это свойство css
  12. Наследование css, принудительное наследование css
  13. Псевдоклассы и псевдоэлементы
  14. Схлопывание margin
  15. POSTcss
  16. Как отцентровать блок по горизонтали и по вертикали
  17. Переменные, миксины, функции в SCSS

javascript

  1. Способы объявления переменных
  2. Всплытие и погружение
  3. Типы данных
  4. Имутабельные и мутабельные типы
  5. Ложные и истинные типы (Boolean(…)
  6. Методы массивов
  7. Что такое EcmaScript
  8. Рекурсия и стек
  9. Замыкание
  10. Сборка мусора, утечки памяти
  11. Event loop
  12. Виды функций и их различия
  13. MAP / SET
  14. settimeout / setinterval / setImmediate
  15. Для чего в названия сбилженных javascript файлов добавляются хэши?
  16. Расскажи про области видимости(this). call, apply, bind
  17. Что такое iife
  18. Promise / Promise.all / Promise.any / Promise.allSettled / Promise.race.Promise.allSettled
  19. Что такое async/await и что используется под капотом
  20. Как работает settimeout / setinterval
  21. Делегирование событий? Зачем?
  22. Операторы spread VS rest
  23. Объекты. Способы создания.
  24. Объекты. Способы перебора.
  25. Объекты. Копирование объектов. Как избежать ссылочной зависимости при копировании объекта.
  26. Объекты. Разница между in и hasOwnProperty
  27. Объекты. object.keys, values, entries
  28. Что такое callback функция
  29. Чем похожи массивы, объекты и функции?
  30. Разница между e.preventDefault / e.stopPropagation / e.stopImmediatePropagation
  31. Как проверить на NaN
  32. Как проверить, является ли значение массивом
  33. Что такое объектная обертка (Wrapper Objects)
  34. Как передаются параметры в функцию: по ссылке или по значению?
  35. Разница между методами slice() и splice()?
  36. Что такое babel

typescript

  1. Зачем нужен typescript?
  2. Что такое кортежи
  3. Что такое enum
  4. Что такое generic
  5. Утилиты типов
  6. Декораторы
  7. Компиляция typescript
  8. Когда можно использовать any
  9. Различия interface и type

react

  1. Что такое реакт и зачем он нужен для бизнеса?
  2. Что такое react.createElement
  3. Что такое jsx
  4. Что такое props и props drilling
  5. Зачем нужны стейт менеджеры и какие ты знаешь?
  6. Как в React реализовать двустороннее связывание данных?
  7. Мемоизация
  8. bundle splitting, lazy imports
  9. Что такое HOC?
  10. Что такое virtual dom?
  11. Зачем нужны key?
  12. Что такое Flash Of Unstyled Content? Как его избежать?
  13. Расскажи про хуки в реакт
  14. Что такое портал (Portal)?
  15. Разница между memo и useMemo?
  16. Является ли React реактивным?
  17. Методы и стадии жизненного цикла компонента в React?