Техпрогон
ВойтиНачать бесплатно

Frontend

Собеседование на frontend-разработчика: как подготовиться

JavaScript, TypeScript, React, браузер, вёрстка, сети, алгоритмы и архитектура фронтенда.

Тест уровня за 10 минут Начать бесплатно

134

урока

1 366

вопросов в билетах

713

задач с проверкой

419

устных вопросов

Этапы собеседования

Как проходит собес на frontend-разработчика

Набор и порядок зависят от компании, но этапы повторяются. Под каждый в тренажёре свои треки.

  1. Этап 1

    HR-скрининг

    Рассказ о себе, мотивация, ожидания по деньгам. Отсеивают тех, кто не может коротко объяснить свой опыт.

    О себе и поведенческое

  2. Этап 2

    Техническое интервью

    Вопросы по JavaScript, TypeScript, React, браузеру и сетям. Часто с кодом «что выведет».

    JavaScriptTypeScriptReactБраузер и DOM

  3. Этап 3

    Лайвкодинг

    Написать debounce, Promise.all или компонент, пока на вас смотрят. Важно проговаривать решение.

    JavaScriptReact

  4. Этап 4

    Алгоритмы

    Задача на хеш-таблицу, два указателя или обход дерева. Смотрят на ход решения и сложность.

    Алгоритмы

  5. Этап 5

    System design

    Для middle и выше: спроектировать фронтенд большого приложения, состояние, рендеринг, кеш.

    Архитектура фронтенда

  6. Этап 6

    Инструменты и практики

    Git, сборка, тесты, CI/CD, Docker. Обычно короткие вопросы внутри технической секции.

    Инструменты

  7. Этап 7

    Финал с командой

    Истории по STAR: конфликты, ошибки, сложные задачи. Ваши вопросы компании.

    О себе и поведенческое
Без регистрации

Тест уровня для frontend-разработчика

20 вопросов по темам роли и честный вердикт: junior, middle или senior.

Пройти тест

Что знать по грейдам

JuniorMiddleSenior

С нуля

Порядок тем для frontend-разработчика, если опыта нет.

Для интервьюера

Вопросы с эталонами и рубрикой оценки.

Частые вопросы

Что спрашивают на собесе frontend-разработчика

Вопросы, которые встречаются чаще всего. У каждого правильный ответ и разбор.

  1. Какое значение истинно

    JavaScript

  2. Почему any вреден

    TypeScript

  3. Рендерится ли ребёнок без новых props

    React

  4. Что возвращает querySelectorAll

    Браузер и DOM

  5. Какой тег для комментария в ленте

    HTML и CSS

  6. 401 и 403: в чём разница

    Сети и HTTP

  7. Чем rebase отличается от merge

    Инструменты

  8. Что такое Big O

    Алгоритмы

  9. SOLID целиком

    Архитектура фронтенда

  10. С чего начать рассказ о себе

    О себе и поведенческое

  11. Ложные значения

    JavaScript

  12. any и unknown: где ошибка

    TypeScript

Все вопросы с ответами

Через 5 лет

Под давлением ИИ

вход для джунов сужается

Веб-код ИИ пишет лучше всего, поэтому шаблонных экранов и вёрстки по макету станет меньше.

Растите вглубь: производительность, доступность, архитектура. Или вширь: TypeScript, Node.js, LLM API и ИИ-интерфейсы.

Куда расти:
Fullstack на JS/TSAI-инженер (LLM-приложения)
Прогноз по данным на октябрь 2026, источники: [7], [9], [15]Прогноз по всем профессиям

Собеседование на frontend-разработчика в компаниях

Этапы по официальным страницам и блогам компаний, со ссылками на источники.

Я

Собеседование в Яндекс

4 этапа по источникам
Т

Собеседование в Т-Банк

4 этапа по источникам
А

Собеседование в Авито

Секция проектирования

Темы для подготовки

11 треков для frontend-разработчика

JavaScript

15 модулей
741

TypeScript

8 модулей
269

React

11 модулей
258

Браузер и DOM

8 модулей
150

HTML и CSS

11 модулей
171

Сети и HTTP

9 модулей
130

Алгоритмы

17 модулей
378

Архитектура фронтенда

7 модулей
173

Инструменты

7 модулей
131

О себе и поведенческое

10 модулей
144

Английский на собеседовании

14 модулей
342

ИИ в работе разработчика

10 модулей
197
дополнительно

Узнайте свой уровень сегодня, а не на собесе

10 минут, 20 вопросов по темам frontend-разработчика. Без регистрации.

Пройти тест уровня Начать бесплатно