#5 Мидл в 18 лет? Собеседование на Frontend Middle разработчика

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

В выпуске шоу кандидат Илья проходит учебное собеседование на позицию Middle Frontend-разработчика. Интервьюеры последовательно разбирают JavaScript (чистые функции, контекст, области видимости, Event Loop), DOM и события, HTML, SSR и CSS; по ходу исправляют неточные ответы и объясняют принципы на примерах. В финале интервьюеры высказывают мнение, что у кандидата есть опыт в вёрстке, но для уровня middle ему нужно укрепить фундаментальные знания JavaScript и Web API.

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

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

• Повторить определение чистой функции: результат должен определяться входными данными, а функция не должна зависеть от или изменять внешнее состояние; Date.now() — пример внешней зависимости.
• Разделять понятия this-контекста, области видимости и замыкания; контекст вызова определяется способом вызова функции, а не местом её объявления.
• Разобрать Event Loop через Call Stack, очереди задач и момент освобождения стека, а не ограничиваться формулой «это очередь».
• Знать различие DOMContentLoaded и load: первое событие позволяет работать с построенным DOM, второе означает загрузку зависимых ресурсов.
• Для нескольких независимых обработчиков использовать addEventListener и снимать подписки, когда они больше не нужны, чтобы не сохранять лишние ссылки и не получать утечки памяти.
• Понимать Same-Origin Policy для iframe: к DOM фрейма другого origin нельзя обращаться напрямую; для взаимодействия используют postMessage.
• Для SSR учитывать не только SEO, но и нагрузку на сервер; статическая генерация подходит для редко меняющегося, не персонализированного контента.
• Не использовать   для искусственных отступов: его задача — не допустить переноса связанного фрагмента текста; обычные пробелы в HTML схлопываются.