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

Собеседование Frontend-разработчика: SOLID и архитектура

Техническое интервью Frontend-разработчика: кандидат разбирает SOLID, backend-опыт, дизайн-систему и Storybook, декомпозицию на микрофронтенды, структуру React-приложения, тестирование и конфигурацию с деплоем.

Источник: it father.

Открыть на YouTube

Таймлайн

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

В записи технического интервью Frontend-кандидат объясняет практическое применение SOLID, композицию вместо наследования и предпочтение функционального подхода. Затем обсуждаются его backend-опыт, руководство командами, создание общего UI-kit и Storybook, а также генерация клиентского кода из API-спецификаций. В практической задаче о маркетплейсе кандидат предлагает выделять микрофронтенды по доменам и зонам ответственности команд, рассказывает о Feature-Sliced Design, Redux/Saga и границах модулей. В финале затрагиваются тестирование бизнес-логики и UI, env-переменные, ветвление, CI/CD, Docker и Nginx.

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

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

  • Объясняя SOLID, полезно связывать принципы с конкретными инженерными решениями, например с композицией вместо наследования и зависимостью от абстракций.
  • Общий UI-kit и Storybook помогают переиспользовать компоненты между продуктами, если у библиотеки есть ясные границы и владелец.
  • При выделении микрофронтендов стоит опираться на продуктовые домены и ответственность команд: иначе межкомандные изменения могут нивелировать пользу декомпозиции.
  • Явные публичные API модулей и разделение по фичам уменьшают связанность частей frontend-приложения.
  • Тесты должны в первую очередь проверять бизнес-правила и критичное поведение интерфейса; snapshot и визуальные тесты требуют процесса работы с ложными срабатываниями.
  • Переменные окружения, подставленные при сборке статического frontend-приложения, становятся частью артефакта; изменяемая после сборки конфигурация требует отдельного механизма доставки.

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

1:34:11
FrontendSenior

Frontend-собеседование на 300 000 ₽: вымышленный опыт в ChatGPT

Запись двух этапов реального отбора на Frontend-позицию в ПЭС Информационные технологии: HR-скрининга и встречи с product owner. Кандидат заранее сообщает зрителям, что выдал вымышленный опыт работы над ChatGPT; затем его спрашивают о масштабировании сервиса, Nginx, Docker, локальном окружении, React, дизайн-системах и вёрстке. В конце обсуждают следующий этап с лайвкодингом и задачами по JavaScript/React.

50:46
FrontendJunior

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

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