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

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

Это открытое демонстрационное mock-интервью на позицию middle frontend-разработчика: кандидат Никита отвечает на вопросы и решает задачи, а интервьюер Дима разбирает ответы. Обсуждают браузерную среду, сеть и безопасность, DOM-события, бесконечный скролл, event loop, контекст this, производительность и offline-режим. В финале интервьюер высказывает оценку уровня кандидата как Junior+ и называет пробелы в HTTP, безопасности, событиях и асинхронном JavaScript; затем авторы отвечают на вопросы зрителей о HTMX, React, Node.js и выборе стека.

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

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

• Для подготовки к frontend-интервью нужно различать возможности браузера и Node.js: браузер изолирован от файловой системы и работает в рамках сетевых и security-ограничений.
• Повторите способы загрузки ресурсов и взаимодействия с сервером: fetch, HTML-формы, навигацию по ссылке, img/script/iframe и WebSocket с HTTP-рукопожатием.
• Не смешивайте XSS, CSRF, CORS и CSP: CORS задаётся серверными ответами и регулирует cross-origin-доступ, а CSP ограничивает разрешённые источники контента и выполнение скриптов.
• Уверенно объясняйте DOM-события: preventDefault отменяет действие по умолчанию, но не останавливает всплытие; stopPropagation останавливает распространение; defaultPrevented можно использовать как флаг для родительского обработчика.
• Для бесконечного скролла достаточно подписаться на scroll контейнера, сравнивать текущую позицию, высоту viewport и scrollHeight с порогом подгрузки; альтернативой может быть IntersectionObserver.
• В JavaScript executor Promise выполняется синхронно; после синхронного кода event loop очищает очередь микрозадач перед выполнением следующей макрозадачи, например callback setTimeout.
• Для offline-режима одного HTTP-кэша недостаточно: в обсуждении ключевым механизмом названы Service Workers, которые управляют кэшем и логикой обновления ресурсов.