Frontend: реальное техническое собеседование на Middle+ разработчика

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

В интервью проверяют знания REST, HTTP/2 и CORS, семантики HTML и доступности, CSS, JavaScript и event loop, TypeScript, React, frontend-тестирования и алгоритмической сложности. Во время лайвкодинга кандидат с подсказками пишет решение для поиска максимальной прибыли при покупке и последующей продаже валюты, оценивает его как O(n²), а затем разбирает вопрос об обновлениях состояния React. После основной части интервьюер рассказывает о банковском продукте, микрофронтендах, рабочем стеке и следующем этапе найма.

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

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

• Для preflight CORS браузер отправляет OPTIONS. Сервер разрешает нужные origin, методы и заголовки в ответе, а браузер применяет эту политику.
• Выбор между одним бандлом и чанками зависит не только от HTTP/2. Учитывайте кэширование, приоритеты загрузки, накладные расходы и поддержку клиентов.
• Для тяжелых вычислений в браузере используйте Web Worker, чтобы не блокировать основной поток интерфейса.
• Если новое состояние React зависит от предыдущего, передавайте в setState функцию-обновитель. Это защищает от устаревших значений в замыканиях и особенностей батчинга.
• Задача на максимальную прибыль от последовательных покупки и продажи цен решается за O(n): храните минимальную цену слева и лучшую разницу на каждом шаге.