Вернуться в каталог собеседований

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

Практическое фронтенд-собеседование с вопросами по JavaScript и TypeScript и несколькими задачами на асинхронность, дженерики и реализацию `filter`. В конце интервьюеры разбирают пробелы кандидата и делают акцент на регулярной практике.

ApexNovaTech
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 5,6 тыс.
  • Лайки на YouTube: 249
Открыть на YouTube

Таймлайн

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

В видео показано реальное собеседование на позицию Junior+ Frontend-разработчика с кандидатом Исламом, который учился самостоятельно и на курсах, пишет в основном на React, но не имеет коммерческого опыта. Интервьюеры проверяют JavaScript, TypeScript, REST/CORS, Promises, замыкания и контекст `this`, а затем дают практические задачи на последовательное выполнение асинхронных функций, дженерики и собственный `filter`. В финальной обратной связи интервьюер отмечает хорошие ответы на часть теории, но, по его мнению, кандидату не хватило практики и глубокого понимания базовых механизмов.

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

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

  • Подготовьте объяснение паттерна Observer и нескольких других паттернов проектирования, а не только названия технологий из резюме.
  • Повторите TypeScript: различия `interface` и `type`, union-типы, `Pick` и применение дженериков в сигнатурах функций.
  • Умейте типизировать функцию, которая принимает объект, имя нового свойства и его значение, а возвращает объект с добавленным свойством.
  • Отработайте задачу на очередь асинхронных callback-функций: следующая функция должна стартовать только после завершения предыдущей, включая Promise.
  • Разберите собственную реализацию `Array.prototype.filter`: callback возвращает boolean, а в новый массив при `true` попадает исходный элемент, а не результат callback.
  • Повторите CORS как браузерный механизм и связь ошибки с политикой источников и настройками ответа сервера.
  • Практикуйте задачи на замыкания, потерю контекста `this` при передаче метода и вызов функции с нужным контекстом через `call` или `bind`.

Рекомендуем посмотреть