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

Собеседование Frontend-разработчика: JavaScript, React и live coding

Кандидат решает задачи в песочнице и отвечает на вопросы о nullish-операторах, useRef, обработчиках событий, DOM и CSS. Второй этап включает проектирование небольшой библиотеки в стиле jQuery.

Источник: Миша - Frontend Dev

Открыть на YouTube

Таймлайн

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

В записи показано реальное Frontend-собеседование с двумя техническими этапами. В начале кандидат отвечает на вопросы о JavaScript-операторах и шаблонных строках. В React-блоке он объясняет, почему изменение useRef не запускает рендер, и разбирает поведение обработчика с задержкой при нескольких нажатиях кнопки. Затем интервьюер даёт live coding: реализовать минимальную библиотеку, принимающую селектор и позволяющую вызывать цепочку методов. Во втором этапе кандидат работает с фрагментом приложения, обсуждает состояние загрузки, удаление лишней логики и выбор идентификаторов. Финальные вопросы касаются CSS, БЭМ, CSS-модулей и styled-components. В начале есть реклама услуг автора.

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

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

  • useRef хранит изменяемое значение без автоматического повторного рендера компонента.
  • Перед задачей с задержкой обработчика нужно определить ожидаемое поведение серии кликов.
  • Live coding проверяет умение уточнять API и выбрать простую структуру реализации.
  • Выбор способа стилизации зависит от ограничений проекта и стоимости поддержки.

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

1:16:06
FrontendSenior

Собеседование Frontend-разработчика: HTML, React и алгоритмы

Техническое интервью на Frontend/React-позицию уровня Middle+/Senior в неназванной финтех-компании: HTTP/CORS/WebSocket, HTML и accessibility, CSS, JavaScript/TypeScript, React и SEO/SSR. В live coding разбираются Event Loop, поиск максимальной прибыли по курсам валют и утечка памяти из-за обработчиков событий.

1:12:43
FrontendMiddle

Мок-собеседование по frontend-разработке

Публичное мок-собеседование frontend-разработчика: кандидат обсуждает опыт, процессы команды, наставничество и взаимодействие с коллегами. Техническая часть охватывает HTML и семантику, CSS, CORS и хранение данных в браузере, JavaScript, TypeScript и React. В live coding кандидат решает задачу поиска пары чисел с заданной суммой, а в финале получает обратную связь по ответам и подготовке к этапам найма.