Вернуться в видеотекуТалант в 18 лет? Собеседование #2 frontend разработчика
Тренировочное frontend-собеседование с вопросами по JavaScript, CSS и TypeScript, а также двумя практическими задачами на строки и массив индексов. Кандидатка рассказывает о своём начальном опыте и рассуждает над решениями в диалоге с интервьюерами.
- Направление
- Frontend
- Формат
- Видео
- Грейд
- Intern
- Длительность
- 47 мин
Коротко о видео
Запись тренировочного технического интервью с начинающей 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` для превращения свойств в необязательные.