#6 Как волноваться и не облажаться? Собеседование на Frontend Junior разработчика

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

В выпуске шоу «Отсобеседование» Юрий проходит учебное собеседование на junior frontend-разработчика: рассказывает о двух годах опыта, универсальной разработке, интересе к Vue и работе с формами. Основная часть посвящена JavaScript — циклам, методам массивов, клонированию объектов, датам, `new` и прототипам — затем разбираются DOM-фокус, HTML-семантика и CSS. В финале ведущие отмечают отдельные пробелы в базовой теории, но высказывают мнение, что при доработке тем кандидат соответствует junior-уровню.

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

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

• Повторить циклы `while`, `do...while`, `for`, `for...in` и `for...of`: уметь объяснить условие остановки, структуру `for` и различие префиксного и постфиксного инкремента.
• Разобрать выбор между `forEach`, `map`, `filter` и обычным циклом: `map` создаёт новый массив, а цепочки методов удобнее для декларативных преобразований, хотя несколько проходов по массиву могут быть избыточны для критичного по производительности кода.
• Отработать поверхностное и глубокое клонирование: spread-оператор и `Object.assign` не копируют вложенные объекты независимо; JSON-клонирование не сохраняет `Symbol` и не работает с циклическими ссылками.
• Для дат понимать разницу между `Date`, `Date.now()`, Unix timestamp и UTC; для замеров производительности уметь обосновать использование `performance.now()` вместо `Date.now()`.
• Освоить управление фокусом в DOM: `focus()`, `blur()`, `tabindex`, а также отличие невсплывающих `focus`/`blur` от `focusin`/`focusout` при делегировании событий.
• Проверять семантику и допустимое вложение HTML-элементов по спецификации: браузер исправляет часть невалидной разметки, но это способно вызвать несовпадение DOM при SSR-гидратации.
• В CSS повторить адаптивные стратегии, stacking context, `position: sticky`, `z-index`, переполнение текста, `min-width` у flex-элементов и риски каскадных `@import` в CSS.