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

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

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

Направление
Frontend
Формат
Техническое собеседование
Компания
МТС
Грейд
Senior
Длительность
1:26:32
Миша - Frontend Dev
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 15,6 тыс.
  • Лайки на YouTube: 339
Открыть на YouTube

Таймлайн

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

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

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

JavaScriptTypeScriptReactАлгоритмыСтруктуры данныхIndexedDBlocalStorageHTTPМикрофронтендыChrome DevTools PerformanceВиртуализация списков

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

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

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