#17 Full-stack разработчик на собеседовании Frontend Middle

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

В выпуске-шоу Кирилл, который говорит, что пять лет работает в Phoenix и около трёх лет серьёзно занимается frontend, проходит пробное собеседование на middle frontend. Разговор охватывает JavaScript, асинхронность и Event Loop, DOM, браузерные хранилища, семантику HTML, изображения, изоляцию CSS и загрузку страницы. В финале интервьюеры дают положительную оценку его ответам, отмечают отдельные пробелы и называют направление для дальнейшей подготовки.

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

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

• Разберите различия `var`, `let` и `const`: функциональную и блочную области видимости, hoisting, temporal dead zone и обращение к переменной до инициализации.
• Подготовьте точные примеры для `null`, `undefined`, truthy/falsy, `NaN`, нестрогого и строгого сравнения, а также `Object.is` для пограничных случаев.
• Умейте объяснить разницу между последовательными `await` для создания запросов и параллельным запуском уже созданных Promise с последующим `Promise.all`.
• Повторите порядок работы Event Loop: выполнение макрозадачи, полное опустошение очереди микрозадач и риск блокировки отрисовки бесконечной цепочкой микрозадач.
• Различайте cookies, localStorage и sessionStorage: cookies автоматически уходят с запросами, для авторизационных cookies важен `HttpOnly`, а Web Storage хранит только строки и требует сериализации объектов.
• Для HTML обосновывайте семантический выбор: ссылка предназначена для навигации, включая SPA-навигацию, кнопка — для действия; нативные элементы важны для клавиатуры и accessibility, а интерактивные элементы нельзя бездумно вкладывать друг в друга.
• Повторите практические темы производительности: размеры `img` предотвращают layout shift; scoped CSS, BEM и CSS-in-JS имеют разные компромиссы; скрипты могут блокировать парсинг, а стили и runtime-инъекции влияют на рендеринг.