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

Талант в 18 лет? Собеседование #2 frontend разработчика

Тренировочное frontend-собеседование с вопросами по JavaScript, CSS и TypeScript, а также двумя практическими задачами на строки и массив индексов. Кандидатка рассказывает о своём начальном опыте и рассуждает над решениями в диалоге с интервьюерами.

FRONTENDIYA - Веб разработка
  • Опубликовано на YouTube:
  • Просмотры на YouTube: 3,6 тыс.
  • Лайки на YouTube: 73
Открыть на YouTube

Таймлайн

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

Запись тренировочного технического интервью с начинающей frontend-разработчицей: сначала она рассказывает о своём опыте, курсах, стажировке с 1C-Битрикс и учебных React/Python-проектах. Основная часть посвящена вопросам по JavaScript, асинхронности, Promise, Map/Set и решению алгоритмических задач без подсказок редактора. В конце проверяют CSS-доступность и позиционирование, затем переходят к TypeScript — дженерикам, `type`/`interface` и utility types.

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

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

  • Подготовьте связный рассказ о проектах: кандидатка описывает React-проект и сервис обработки результатов анализа крови с загрузкой изображения, Google Cloud Vision, регулярными выражениями и серверной обработкой; это её описание проекта, а не независимая проверка реализации.
  • Повторите работу с объектами в JavaScript: получение ключей и значений, проверку происхождения экземпляра, сравнение объектов, проверку массива и различия между `Map` и обычным объектом.
  • Нужно уметь объяснить IIFE в контексте старой области видимости `var`, рекурсию, базовый случай и риск переполнения стека даже при корректном условии остановки.
  • Отдельно разберите Event Loop: порядок синхронного кода, Promise и таймеров, microtask/macrotask queues, а также состояния и методы `Promise.all`, `Promise.race` и `Promise.allSettled`.
  • Полезно знать практические API: отмену `fetch` через `AbortController`, идентификатор, возвращаемый `setInterval`, и применение `clearInterval`.
  • Потренируйтесь решать задачи вслух без IDE: обход объекта, переворот строки циклом без преобразования в массив, сборка строки по массиву индексов, выбор между `for` и `reduce`, оценка времени и дополнительной памяти.
  • Повторите CSS для собеседования: визуальное скрытие элемента при сохранении доступности для screen reader, media types `screen`/`print`/`speech`, различия `fixed` и `sticky`, а также центрирование через flex/grid или `position` с `transform`.
  • В TypeScript стоит подготовить примеры использования generics, различий `interface` и `type`, а также utility type `Partial` для превращения свойств в необязательные.

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