Вопросы для собеседования Frontend ( React ) Middle+ | Senior в 2024

Женщина собеседует мужчину

Скилы Frontend-разработчика

Минимальный набор hard-скилов и технологий, с которыми должен быть знаком специалист ( набор может меняться от вакансии к вакансии )

  1. Javascript
  2. Typescript
  3. React / Angular / Vue ( или любой другой frontend фреймворк | библиотека )
  4. Styled-component, css-inline, Sass
  5. Redux / Redux-toolkit / Redux-Saga
  6. RTK Query
  7. Git ( или опыт с любым другим удаленным репозиторием )
  8. Архитектура ( Знание основных. Опыт выбора и внедрения под проект )
  9. Yarn / Npm
  10. Next.js | Vite.js
  11. Webpack / Rollup / Vite
  12. Css + Html ( верстка, семантика, адаптация, базовая оптимизация )
  13. Scss, Less ( и любые другие препроцессоры )
  14. CI/CD
  15. Scum / Agile
  16. Node.js
  17. Figma ( или любой другой сервис для работы с дизайном / wireframe )

Общие вопросы

  1. Event loop — Что это, как работает, частью какого механизма является, сколько очередей и т.д. ( важно понимать весь процесс )
  2. Dom и Виртуальный DOM — Что такое Dom, как формируется и в чем отличие от Виртуального Dom ( Виртуальный DOM является частью фреймворков )
  3. Как работает браузер
  4. Что происходит при вводе запроса в поисковую строку
  5. В чем разница между » == » и » === «?
  6. Паттерны программирования
  7. Архитектурные решения — Какие знаете, в чем отличия, как выбирать правильный для проекта
  8. Принципы Solid — Что такое принципы разработки Solid
  9. Принцип kiss, dry
  10. API, Rest API — Что это, в чем разница
  11. CI / CD — Что это и как работает

Вопросы по Javascript

Оставляю основные вопросы, которые не только встречаются чаще всего, но и действительно необходимы для frontend-разработчика на практике

  1. Big O Notation — Нотация для описания сложности алгоритмов ( помогает правильно выбирать методы работы с данными, выбирая наиболее оптимальный для экономии ресурсов )
  2. Словари ( Set, Map ) — Что это такое и чем они отличаются
  3. Чистые функции
  4. Async/Await
  5. Promise
  6. Область видимости — Важно понимать как работает и где применяется
  7. Замыкания — Как это все работает
  8. Нововведения в ES6
  9. Стрелочные функции — Что такое
  10. Отличие стрелочных функций от обычных
  11. Анонимные функции — Что такое, как использовать
  12. Основные типы данных в JS
  13. JS компилируемый или интерпретируемый язык
  14. Каррирование
  15. Разница null и undefined
  16. Объекты — Что это такое, как работать с объектами, как работает ссылка на объекты при переопределении

Вопросы по React

  1. Функция высшего порядка — Что такое, привести пример.
  2. Hook ( хуки ) — Что такое хуки и какие знаете
  3. useMemo — Как используется хук
  4. useState — Как используется хук
  5. useCallback — Как используется хук
  6. useContext — Как используется хук
  7. useEffect — Как используется хук
  8. useRef — Как используется хук, чем отличается от useState
  9. useReducer — Как используется хук
  10. В чем разница между useMemo и useCallback?
  11. Состояние приложения — Что такое, какие есть хуки или библиотеки для работы с состоянием
  12. Redux / Redux-toolkit — Что такое, как используется, основные методы
  13. Что такое reducer в Redux?
  14. Стадии жизненного цикла компонента
  15. Чем управляемые компоненты отличаются от неуправляемых
  16. Рендеринг списков, зачем нужны ключи ( key )
  17. В чем разница между классовыми и функциональными компонентами?
  18. Что такое реквизиты | пропсы в React?
  19. Когда лучше использовать локальное состояние, а когда глобальное?
  20. Что такое условный рендеринг элементов?
  21. Что такое React.memo()
  22. Как получить доступ к элементу DOM?
  23. Что такое пользовательский хук?
  24. SPA, SSR, SSG — Что это, чем отличаются

Soft-скилы

  1. Самостоятельное решение задач — Процесс поиска решения задачи, когда стоит идти к команде
  2. Умение выстраивать приоритетность задач — Как определить приоритетность задачи, как формировать порядок и т.д.
  3. Работа в команде / управление командой — Как строится, как происходит взаимодействие и т.д.
  4. Работа по метологиям Scrum / Agile — Что это такое, как внедрить и какой есть релевантный опыт
  5. Умение описывать проблемы и формировать отчеты — Что такое аудит, как проводить, зачем нужен
  6. Введение технической документации — Для чего нужна такая документация
  7. Чтение технической документации ( в том числе на английском ) — Есть ли релевантный опыт
  8. Wireframe — Что такое, для чего нужно проектирование и прототипирование интерфейсов
  9. Понимание приницпов дизайна ( как формируются отступы, группируются элементы, как правильно формировать ui-kit и как с ним работать ) — Что такое ui-kit, какие реальные проблемы работы с макетами от дизайнеров были
  10. Умение подбирать правильный технический стек — Какие основные принципы и вопросы нужно задавать, чтобы правильно подобрать стек

Консультация

Оставьте заявку на консультацию

    О проекте

    Расскажите о проекте, чтобы я мог подготовить предварительное предложение

      Написать в телеграм