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

Техническое собеседование frontend-разработчика: БД, CSS и лайвкодинг

Запись реального технического интервью на Frontend-вакансию уровня Middle+/Senior. Кандидат выбирает стек для файлового сервиса, проектирует структуру данных и избранное, отвечает на CSS-вопросы, выполняет небольшую UI-задачу со state management и разбирает построение дерева из плоского списка. В блице обсуждаются debounce, виртуализация, Intersection Observer, Web Workers, браузерное хранилище, обмен между вкладками и real-time-соединения.

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

Открыть на YouTube

Таймлайн

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

Автор показывает реальное интервью на frontend-роль. Интервьюер просит кандидата сравнить PostgreSQL, MongoDB и key-value-хранилища для разных сценариев, затем уточняет работу CSS-селектора для последнего элемента списка. В лайвкодинге участники разбирают массив папок с id и parentId и ищут способ сократить число обходов. В финале интервьюер объясняет, почему после собеседования важно дать маленькое практическое задание. Материал сочетает проектирование данных, вёрстку и алгоритмическую часть.

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

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

  • Выбирать хранилище по модели данных, связям и сценариям доступа, а не только по размеру проекта.
  • Для стилей всех элементов, кроме последнего, можно использовать сочетание :not() и :last-child.
  • При преобразовании плоского списка в дерево полезно индексировать элементы по id, чтобы избежать вложенного поиска родителей.

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

1:22:57
FrontendMiddle

Frontend: два технических собеседования

Две записи реальных технических frontend-собеседований. В первой части проверяют HTML/CSS, JavaScript, React и TypeScript; во второй обсуждают React 18/19, рендеринг, рефакторинг компонента, дженерики, стейт-менеджеры и сборщики. Во втором разговоре кандидат уточняет детали проекта Инвитро.

1:22:07
FrontendMiddle

Собеседование Middle/Senior Frontend-разработчика в крупный банк

Технический этап для Middle/Senior Frontend-позиции в крупном банке: интервьюеры спрашивают про архитектуру фронтенда, CSS, JavaScript, TypeScript, Webpack и CI/CD. Кандидат разбирает задачи на event loop и типизацию, а в лайвкодинге собирает React-форму для расчёта выдачи купюр; в конце обсуждаются мемоизация, запросы, тесты, микрофронтенды и дальнейшие этапы.

1:21:53
FrontendMiddle

Техническое собеседование middle/senior frontend-разработчика

Запись реального технического собеседования на frontend-позицию в Райффайзен Банке. Интервьюеры проверяют JavaScript, TypeScript, HTML/CSS, Git и React; кандидат решает задачи на калькулятор, типизацию User/Admin и рекурсивное дерево с раскрытием вложенных узлов. В конце обсуждаются команда, онбординг и развитие в банке.