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

Крушитель алгоритмов? Собеседование frontend разработчика#4

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

Источник: FRONTENDIYA - Веб разработка

Открыть на YouTube

Таймлайн

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

Это тренировочное собеседование frontend-разработчика: кандидат рассказывает о проектах, пяти месяцах коммерческой работы с TypeScript, React, Redux Toolkit Query, Docker и Material UI, а также о разработке ERP-системы с аутентификацией и ролями. Затем интервьюеры проверяют JavaScript: контекст и bind/call/apply, event loop, Promise, Set/Map, браузерные хранилища и базовую алгоритмическую сложность. В лайвкодинге кандидат проектирует EventEmitter и решает задачу на проверку корректной скобочной последовательности; в конце обсуждается архитектура многоязычного приложения с админкой и динамическими страницами. По итогам интервьюеры дают положительную устную обратную связь, но решения о найме или оффере в записи нет.

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

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

  • Подготовить короткий, точный рассказ о рабочем проекте: назначение ERP-системы, свою зону ответственности, аутентификацию, ролевой доступ и устройство клиентского кода с кастомными хуками.
  • Повторить различия bind, call и apply, а также уметь объяснить, зачем функции нужен контекст на практическом примере.
  • Разобрать event loop без смешения сущностей: call stack, Web APIs, очередь macrotask, очередь microtask, Promise и влияние длинной очереди microtask на рендеринг.
  • Систематизировать статические методы Promise и их поведение при успешных и отклонённых запросах, особенно для сценария с несколькими параллельными запросами.
  • Потренировать EventEmitter: хранение обработчиков по имени события, методы on/emit/off, удаление конкретного callback и безопасное поведение для незарегистрированного события.
  • Уметь обосновать сложность решения: один проход O(n), вложенные проходы O(n²), доступ по индексу массива или ключу объекта в типичном случае O(1); для скобок учитывать разные типы скобок.
  • Для мультиязычной админки разделять статические UI-переводы и динамический контент: статические строки хранить в переводах i18n, а языковые версии материалов из админки — в данных страницы по языковому ключу.

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

52 мин
FrontendJunior

РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА. ПРИТВОРИЛСЯ ДЖУНОМ

Запись технического интервью на позицию Junior Frontend-разработчика с подробным разбором JavaScript, React и менеджеров состояния. В конце автор пересказывает полученный фидбэк и параметры оффера.

46 мин
Frontend

СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 250К. LIVE CODING

Запись интервью на Middle+ frontend-позицию: от обсуждения опыта кандидата до вопросов по браузеру, CSS, JavaScript, React, TypeScript и практических задач. Автор проходит его под вымышленной легендой для демонстрации процесса зрителям.

29 мин
FrontendMiddle

Реальное СОБЕСЕДОВАНИЕ на FRONTEND разработчика ЗП 200К

Реальное анонимизированное интервью на middle frontend/React-позицию: опыт кандидата, архитектурные и JavaScript-вопросы, затем тестовое задание. В финале автор кратко сообщает, почему выбрал другое предложение.