Открытое собеседование на Frontend разработчика

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

Открытое мок-интервью по Frontend: Дима собеседует Лёшу по браузерному окружению, сетям, HTTP, хранению данных, SPA/SSR, безопасности, JavaScript и React. В эфире также разбирают две практические задачи: синхронизацию состояния между вкладками и проектирование встраиваемого виджета для партнёрских сайтов. В финале интервьюер даёт Лёше положительную оценку уровня senior как своё мнение, после чего ведущие отвечают на вопросы и рекламируют менторскую программу Эйч Навыки.

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

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

• Для интерактивных элементов лучше использовать семантические HTML-теги, например button вместо div: это влияет на доступность, навигацию с клавиатуры и работу скринридеров.
• К подготовке стоит разделить жизненный цикл сетевого запроса в браузере, устройство HTTP-запроса и ответа, различия HTTP/1.1, HTTP/2 и HTTP/3, а также смысл мультиплексирования.
• Статические ресурсы имеет смысл кешировать через Cache-Control и версионированные имена файлов с хешем; кеширование динамических ответов требует стратегии инвалидирования, иначе возможны устаревшие данные.
• SPA уменьшает объём последующих обновлений интерфейса, но SSR даёт раннюю разметку и помогает с первой отрисовкой; за это приходится платить сложностью разделения серверного и браузерного контекстов и гидратации.
• Для защиты фронтенда обсуждают CSP с allowlist источников, экранирование пользовательских данных, аудит зависимостей и статический анализ; CORS сам по себе не заменяет защиту приложения.
• В задаче с двумя вкладками выясняется, что SessionStorage не подходит для синхронизации независимо открытых вкладок; следует учитывать событие storage и область видимости конкретного хранилища.
• Для партнёрского виджета предложены загрузчик версий, кешируемые сборки и Shadow DOM для изоляции стилей; для более полной изоляции от окружения сайта обсуждается iframe.