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

Frontend-собеседование: JavaScript, браузерный рендеринг и React

Кандидат отвечает на вопросы по событиям и наследованию в JavaScript, этапам рендеринга браузера и перерисовкам в React. Во второй части разбирается разметка и CSS-код.

Направление
Frontend
Формат
Собеседование
Компания
Сбер
Грейд
Senior
Длительность
51:04

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

Открыть на YouTube

Таймлайн

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

Запись технического frontend-собеседования на уровень Middle+/Senior. Кандидат отвечает на вопросы по JavaScript, браузерным хранилищам и событиям, CSS, сетевому запросу и рендерингу браузера, TypeScript и React. Затем он разбирает фрагменты React/HTML и CSS-кода: семантику, управление состоянием, зависимости useEffect, ключи списков, специфичность и производительность анимаций. В финале кандидат спрашивает о внутренней банковской платформе, микрофронтендах на single-spa, тестировании и процессах команды.

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

JavaScriptDOM eventsbrowser renderingReactHTML semanticsCSS transitionscode review

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

  • На frontend-интервью стоит уметь объяснять всплытие и погружение событий через порядок обработки события в DOM.
  • Этапы rendering pipeline нужно различать: layout вычисляет геометрию, затем следуют paint и composition.
  • При разборе React-кода важно отделять данные, которые вызывают перерендер, от производных значений и мутаций состояния.
  • Семантический уровень HTML-заголовка выбирают по структуре страницы, а не по внешнему виду элемента.
  • Для transition следует явно ограничивать список анимируемых свойств.

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

1:27:09
FrontendMiddle

Техническое собеседование frontend-разработчика: React и TypeScript

Запись двух фрагментов реального технического собеседования frontend-разработчика в крупный российский банк. Кандидат обсуждает загрузку и рендеринг страниц, API-контракты, REST и GraphQL, а в практических задачах разбирает React-эффекты и обработчики событий, повторные fetch-запросы, event loop JavaScript и conditional types TypeScript; во второй части проводит code review и проектирует useResize.

СберТехническое собеседование
1:12:08
FrontendSenior

Техническое интервью Middle/Senior Frontend-разработчика

Запись реального технического интервью на позицию Middle/Senior Frontend-разработчика. Интервьюер проверяет HTTP и браузерное кэширование, CSP, JavaScript, микрофронтенды, CSS и React; затем кандидат проходит code review и live coding с задачами по TypeScript и оптимизации рендеринга React. В конце обсуждаются дальнейшие этапы, а автор после записи сообщает об отказе: компании требовался более сильный Senior.

СберТехническое собеседование