Фронтенд собеседование 2024 | Junior Frontend | Реальные вопросы и задачи

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

Запись показывает практическое собеседование на Junior+ Frontend-разработчика: после краткого знакомства кандидату задают вопросы по JavaScript и предлагают реализовать карусель на чистом HTML/CSS/JavaScript. Интервьюеры разбирают с ним структуру контейнера, overflow, transform, обработчики кликов, повторяющийся код, CSS-свойство для сохранения пропорций и фрагмент React-кода с ошибками. В финале они дают обратную связь: кандидату стоит лучше планировать решение вслух, подтянуть алгоритмическую сложность, вёрстку и терминологию собеседований.

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

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

• Для карусели нужен отдельный viewport-контейнер фиксированного размера с скрытием переполнения; слайды остаются в разметке и сдвигаются через transform, а не показываются резкой заменой.
• Перед кодированием полезно кратко проговорить план: состояние текущего слайда, границы первого и последнего элемента, способ сдвига и обработку кликов.
• Нужно уметь объяснять замыкание и делегирование событий: на вопрос о делегировании кандидат ответа не дал.
• Не стоит определять направление действия по тексту кнопки или дублировать обработчики: общую логику смены слайда следует вынести, а направление передавать явно.
• Стоит повторить CSS aspect-ratio, box-sizing, overflow и Flexbox: они понадобились при разборе размеров и поведения элементов карусели.
• Для технических собеседований нужны базовые задачи на массивы и понимание сложности Big O, даже если в повседневной работе не приходится явно называть её.
• Полезно тренироваться читать чужой React-код: проверять условный рендеринг, зависимости useEffect и необходимость cleanup, не полагаясь только на запуск кода.