Техническое собеседование frontend-разработчика: алгоритмы, браузер и React

Запись реального технического этапа собеседования на позицию Middle+/Senior Frontend-разработчика. Интервьюер проверяет процессы релиза и качество кода, алгоритмы, ООП, API и безопасность, JavaScript и браузерные технологии, микрофронтенды, CSS, accessibility, TypeScript и подходы к рендерингу. В практической части кандидат разбирает порядок выполнения асинхронного кода, исправляет замыкание счётчика и debounce, а также обсуждает профилирование и виртуализацию списков в React.

Направление: Frontend
Формат: Техническое собеседование
Компания: МТС
Грейд: Senior
Длительность: 1:26:32

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

Открыть на YouTube

Таймлайн

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

Запись реального технического интервью для frontend-разработчика уровня Middle+/Senior. Собеседование начинается с процессов релиза, CI/CD, контейнеризации, качества кода и рефакторинга, затем охватывает алгоритмы, ООП/SOLID, распределённую архитектуру, HTTP/API и базовую веб-безопасность. Далее обсуждаются JavaScript, браузерные хранилища и критический путь рендеринга, микрофронтенды, CSS и доступность, TypeScript и способы рендеринга. Кандидат выполняет задачи на event loop, замыкания и debounce, а в конце отвечает про монорепозитории и оптимизацию больших списков в React. После интервью кандидат сообщает, что получил положительный фидбэк и приглашение на финальный этап.

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

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

Умейте объяснить назначение базовых структур данных на практическом примере.
Различайте срок жизни и ограничения client-side хранилищ.
Описывайте архитектуру приложения через границы модулей и ответственность кода.
Профилируйте медленный интерфейс до выбора оптимизации.
Для больших списков рассматривайте виртуализацию или пагинацию.

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

1:25:34

FrontendMiddle

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

Кандидат рассказывает о проектах и отвечает на вопросы по React, производительности и тестированию. В интервью есть задачи на ререндеры, промисы и алгоритмы, а также итоговый разбор.

Мок-собеседование

1:12:08

FrontendSenior

Техническое интервью Middle/Senior Frontend-разработчика

Запись реального технического интервью на позицию Middle/Senior Frontend-разработчика. Интервьюер проверяет HTTP и браузерное кэширование, CSP, JavaScript, микрофронтенды, CSS и React; затем кандидат проходит code review и live coding с задачами по TypeScript и оптимизации рендеринга React. В конце обсуждаются дальнейшие этапы, а автор после записи сообщает об отказе: компании требовался более сильный Senior.

СберТехническое собеседование

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, поиск максимальной прибыли по курсам валют и утечка памяти из-за обработчиков событий.

РоссельхозбанкСобеседование