Вернуться в видеотеку

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

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

Источник: FRONTENDIYA - Веб разработка

Открыть на 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` для превращения свойств в необязательные.

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

50 мин
Frontend

НЕУДАЧНОЕ СОБЕСЕДОВАНИЕ на FRONTEND РАЗРАБОТЧИКА. Live coding

Разбор неудачного для автора фронтенд-собеседования с live coding и вопросами по JavaScript, React и TypeScript. Во второй части собеседники рассказывают о монорепозитории, Context/RxJS, собственном UI kit и миграции проектов на Next.js.

1 ч 31 мин
Frontend

Прохожу собеседование на FRONTEND Разработчика в Яндекс. Как решать задачи правильно?

Показательный разбор мок-интервью на frontend-разработчика: палиндром и асинхронный поиск маршрута в графе. Участники обсуждают алгоритмическую сложность, стиль коммуникации кандидата, подсказки и отладку.