Вернуться в видеотеку

Собеседование Frontend-разработчика: таблицы, JavaScript и обработка данных

В первой части собеседования кандидат обсуждает опыт и тестовое задание, затем решает JavaScript-задачи. Интервьюер проверяет понимание виртуализации, структур данных, замыканий и условий задачи.

Источник: Тихон Галактионов

Открыть на YouTube

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

Это первая часть записи собеседования Frontend-разработчика в неназванную российскую компанию. Интервьюер заранее описывает последовательность: обсуждение резюме и инструментов, разбор присланной задачи, затем несколько задач на базовые знания. В разговоре о пользовательском интерфейсе кандидат отвечает на вопросы о формах, таблицах и деревьях, а интервьюер объясняет, зачем таблице с бесконечной прокруткой и большим количеством данных нужна виртуализация. В практической части они разбирают фильтрацию данных: обсуждают, когда нужен Map вместо массива, и как обосновать выбор структуры. Далее кандидат проектирует функцию с задержкой, очищает предыдущий таймер и отвечает на вопрос о замыкании. В финале он преобразует данные по регионам, а интервьюер проверяет, не потеряны ли исходные условия задачи.

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

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

  • Для больших таблиц без пагинации и с бесконечной прокруткой нужна виртуализация элементов в DOM.
  • Выбор Map вместо массива следует обосновывать операциями, которые нужны при фильтрации и поиске данных.
  • В debounce-функции необходимо очищать предыдущий таймер перед созданием нового.
  • Замыкание возникает, когда функция использует переменные из внешней области видимости.
  • При решении задачи важно держать в памяти её условия и проверять результат на соответствие им.

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

1:02:48
FrontendJunior

Техническое собеседование Junior+ Frontend-разработчика

Публичная запись технического собеседования на позицию Junior+ Frontend-разработчика на канале ApexNovaTech. Кандидата спрашивают об HTML и CSS, сборке TypeScript через Vite, JavaScript (замыкания, this, прототипы, CORS) и предлагают решить задачи на debounce, бинарный поиск и обработку массива.

50:46
FrontendJunior

Мок-собеседование Junior frontend-разработчика с live coding

Повторное мок-собеседование Junior frontend-разработчика Михаила: обсуждают его опыт и резюме, затем проверяют HTML/CSS, JavaScript и React. В live coding он реализует на ванильном JavaScript поиск по списку с debounce; в конце интервьюеры дают развёрнутую обратную связь.

1:11:47
FrontendMiddle

Два технических собеседования на Frontend-разработчика

Запись двух реальных технических этапов отбора на frontend-позицию в Сбер. Кандидат решает задачи по JavaScript, а затем отвечает на вопросы о браузере, сетевых протоколах, Event Loop, замыканиях, this, Promise.any и TypeScript. В блоке вопросов к работодателю обсуждаются продукт СберБизнес, микрофронтенды, тестирование и развитие команды.