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

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

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

Направление
Frontend
Формат
Техническое собеседование
Грейд
Senior
Длительность
46:23
Миша - Frontend Dev
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 4,8 тыс.
  • Лайки на YouTube: 90
Открыть на YouTube

Таймлайн

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

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

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

JavaScriptTypeScriptReactRedux ToolkitZustandPostgreSQLMongoDBCSSАлгоритмыЛайвкодинг

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

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

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