#0 Cобеседование Junior Frontend разработчика

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

Это учебное «отсобеседование» Никиты на позицию Junior Frontend-разработчика: без алгоритмических задач и лайвкодинга, но с уточняющими вопросами на глубину понимания. Разбирают семантический HTML и доступность, каскад и специфичность CSS, типы, области видимости, замыкания и event loop в JavaScript, а затем Vue: реактивность, компоненты, virtual DOM, жизненный цикл, computed и watch. Интервьюеры по ходу исправляют неточные ответы и в финале рекомендуют кандидату углубить event loop, замыкания, Browser API, доступность и внутреннее устройство Vue.

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

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

• Для HTML важны семантические элементы: они помогают скринридерам и поисковым системам корректно интерпретировать структуру страницы; интерактивные элементы следует размечать, например, кнопками, а не div.
• В CSS нужно различать каскад, наследование и специфичность: порядок классов в HTML не определяет приоритет, а при равной специфичности побеждает правило, объявленное позже в CSS.
• БЭМ, scoped CSS и Shadow DOM помогают управлять областью действия стилей, но не дают универсального способа отменить наследование всех наследуемых свойств.
• Для JavaScript стоит отработать различия между == и ===, сравнение объектов и массивов по ссылке, функциональную область видимости var и блочную область видимости let.
• Классическая задача с setTimeout в цикле требует понимания замыканий: таймер не блокирует выполнение цикла, а callback позже видит значение из доступной ему области видимости.
• Нужно понимать event loop, очередь задач, всплытие и погружение событий, а также различие между stopPropagation и stopImmediatePropagation.
• Во Vue props и события покрывают связь родителя с ребёнком; v-model является синтаксическим сокращением для передачи значения и обработки события, а для далёких компонентов обсуждается централизованное хранилище.
• По мнению интервьюеров, кандидату полезно экспериментировать с жизненным циклом и перерисовками Vue, чтобы видеть, когда обновляется компонент и почему возникают лишние рендеры.