Вернуться в каталог собеседований

Техническое собеседование middle/senior frontend-разработчика

Запись реального технического собеседования на frontend-позицию в Райффайзен Банке. Интервьюеры проверяют JavaScript, TypeScript, HTML/CSS, Git и React; кандидат решает задачи на калькулятор, типизацию User/Admin и рекурсивное дерево с раскрытием вложенных узлов. В конце обсуждаются команда, онбординг и развитие в банке.

Направление
Frontend
Формат
Техническое собеседование
Компания
Райффайзен Банк
Грейд
Middle
Длительность
1:21:53
Миша - Frontend Dev
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 10,4 тыс.
  • Лайки на YouTube: 182
Открыть на YouTube

Таймлайн

Коротко о видео

В записи технического этапа найма на frontend-позицию кандидат обсуждает опыт и архитектуру, а затем отвечает на вопросы о DOM-событиях, Fetch API, TypeScript, загрузке скриптов, CSS-специфичности, Git и ARIA. На лайвкодинге он разбирает JavaScript-калькулятор с проверкой входных данных, типизирует модели User и Admin с type guards, generics и условными типами, а затем пишет решение для рекурсивного React-дерева с раскрытием дочерних узлов. Отдельно обсуждаются key, React.memo, useCallback, useState и useRef, отмена запросов через AbortController, виртуализация, Context и Zustand. В финале интервьюеры отвечают на вопросы о команде, процессах и адаптации; в записи сообщается о положительном фидбэке и приглашении на следующий этап.

Затронутые темы

HTMLCSSCSS-специфичностьJavaScriptTypeScriptReactReact keysReact ContextZustandУправление состояниемGitДоступностьGraphQLSEO

Что взять на заметку

  • Inline-стили труднее переопределять, поэтому нужно понимать каскад и специфичность CSS.
  • В JavaScript-задаче проверяйте поведение null и порядок условий.
  • key в React нужен для стабильной идентификации элементов списка.
  • Для маленького приложения Context может быть достаточен, а state manager стоит выбирать по сложности состояния.

Рекомендуем посмотреть