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

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

Показано собеседование на позицию Junior+ Frontend-разработчика: интервьюеры последовательно проверяют HTML/CSS, JavaScript и React. Кандидат центрирует элемент CSS-способами, отвечает на вопросы о JavaScript и замыканиях, затем решает задачи на аналог Array.prototype.map, проверку палиндрома и список контактов в React. В практических частях интервьюеры дают подсказки и разбирают ошибки: работу с прототипами, преобразование строк, отладку через консоль, состояние React и удаление элементов списка.

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

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

• Для центрирования блока обсуждаются Flexbox, Grid и absolute positioning с top/right/bottom/left: 0; при top: 50% и left: 50% нужен translate(-50%, -50%), чтобы учесть размеры самого элемента.
• При реализации аналога map важно понимать вызов метода через точку у массива и роль Array.prototype; кандидат не завершает исходный вариант без существенных подсказок.
• В задаче на палиндром сначала нормализуют строку: приводят к нижнему регистру и убирают пробелы, затем сравнивают её с перевёрнутой версией.
• Для проверки строковой логики интервьюеры предлагают декомпозировать преобразования и смотреть промежуточные значения в консоли, а не отлаживать длинную цепочку целиком.
• В React-списке контактов поля имени и телефона предлагается сделать управляемыми через отдельные useState, хранить контакты в массиве состояния и добавлять объект по клику на кнопку.
• При удалении контакта обсуждается filter; индекс признан ненадёжным идентификатором, предпочтительнее присваивать каждому элементу уникальный id.
• useEffect рассматривается как механизм для внешних эффектов, например загрузки данных с сервера или логирования, а не как автоматический способ выводить изменения состояния в консоль.