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

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

На канале ApexNovaTech опубликовано собеседование Георгия на позицию frontend-стажёра. Кандидат, работающий врачом-терапевтом и изучающий фронтенд около года, отвечает на вопросы по HTML, CSS, JavaScript и React, а также разбирает две практические задачи. В финале интервьюеры дают обратную связь: базовая теория по HTML/CSS неплоха, но нужно усилить вёрстку, псевдоэлементы, JavaScript-практику и React, особенно связку useEffect с запросами.

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

• Для HTML нужно уверенно объяснять назначение семантических элементов вроде header, main, nav, footer и их пользу для структуры страницы и поисковой индексации.
• position: fixed выводит элемент из обычного потока и позиционирует его относительно окна браузера.
• При вёрстке кнопки «закрыть» стоит уметь строить крестик через ::before и ::after, задавать им content и делать длину линий пропорциональной ширине кнопки; в задании это 3/4 ширины при толщине 2 px.
• Нужно различать замыкание и short-circuit evaluation операторов && и ||: кандидат начал отвечать про второе вместо замыкания.
• Для удаления дублей из массива полезно понимать includes, назначение map и Set; map не подходит, если новый массив как результат обхода не нужен.
• Для React-задачи следует уметь описать полный поток: получить данные через fetch, обработать Promise и response.json(), сохранить данные в состоянии, запустить запрос при монтировании через useEffect и отрисовать список через map.
• На собеседовании просят проговорить план до написания кода: какие данные и методы будут использоваться, где они хранятся и как попадут в интерфейс.