Подготовка к собеседованию frontend: план на 30 дней по дням

План рассчитан на час-полтора в будни и два-три часа в выходные. Если времени меньше, растяните его на шесть недель, но порядок тем не меняйте. Порядок важен: React без уверенного JavaScript учится как набор заклинаний, а на собеседовании это видно с первого уточняющего вопроса.

Каждый учебный день устроен одинаково:

1. Теория, 20-30 минут. Один короткий урок по теме дня. Не три статьи подряд, а один источник.
2. Проверка себя, 20-30 минут. Вопросы по той же теме. Сначала ответ своими словами, потом сверка с разбором.
3. Код, 20-30 минут. Одна задача по теме, решённая руками и вслух.

Раз в неделю день повторения: только то, на чём ошибались. Это самый полезный день недели, не пропускайте его. Почему так работает, разобрано в статье как запомнить ответы.

Первая неделя целиком про язык. Это фундамент всего frontend-собеседования: даже вопросы про React часто сводятся к замыканиям и асинхронности.

Задачи недели: debounce, Promise.all, deepEqual. Все с решениями собраны в статье задачи на frontend-собеседовании. Для дня 5 полезна подборка «что выведет код».

Вторая неделя про среду, в которой живёт код. Здесь любят вопрос «что происходит, когда вы вводите адрес в браузере». На него удобно нанизать всю неделю.

Задачи недели: делегирование кликов по списку, простая вёрстка карточки по описанию, запрос к API с обработкой ошибок и состояния загрузки.

Третья неделя про основной инструмент. Вопросы по React на собеседовании почти всегда о том, как он работает внутри, а не о синтаксисе JSX.

Задачи недели: кастомный хук useDebounce, форма с валидацией, список с фильтром и поиском. Полный каталог вопросов: React и TypeScript.

Последние девять дней новые темы не берём. Задача этой недели в том, чтобы знания стали ответами: быстрыми, спокойными и вслух.

Бывает, что собес назначили через неделю. Тогда план сжимается, но не по всем темам поровну.

• Неделя. Замыкания, this, event loop, промисы, рендеринг React и эффекты. Плюс рассказ о себе и две задачи вслух.
• Две недели. Добавьте браузер и сеть, основы TypeScript и одно пробное собеседование.
• Три дня. Только повторение того, что уже знаете, и рассказ о себе. Новые темы за три дня не уложатся и добавят тревоги.

Если есть конкретная вакансия, вставьте её текст в разбор вакансии: он покажет темы, которые стоит поднять в первую очередь. Ориентир по темам для грейда есть на странице что должен знать junior frontend.

• Начинать с React, пропустив JavaScript
• Читать и смотреть видео вместо того, чтобы отвечать на вопросы самому
• Пропускать дни повторения ради новых тем
• Не решать задачи вслух до самого собеседования
• Оставлять рассказ о себе на последний вечер
• Ждать, пока будете готовы на все сто, и не откликаться

• Тест по JavaScript и React пройден в начале и в конце месяца
• По каждой неделе пересданы вопросы с ошибками
• Шесть-восемь задач с кодом решены вслух с таймером
• Рассказ о себе записан и переслушан
• Три-пять историй по STAR готовы
• Хотя бы одно пробное собеседование с живым человеком

• Чем отличаются var, let и constJavaScript
• Зачем нужны keyReact
• Как распространяются события в DOMБраузер и DOM
• Что такое замыканиеJavaScript
• Что вызывает перерисовкуReact
• Всплытие, погружение, делегированиеБраузер и DOM
• Всплытие и TDZJavaScript
• Правила хуковReact
• Как браузер превращает HTML в пикселиБраузер и DOM
• Объясните замыкание на примереJavaScript

• Треки JavaScript, Браузер и DOM, Сети и HTTP, React, TypeScript, HTML и CSS идут в том же порядке, что и план: урок, потом вопросы, потом билеты.
• Билеты с зачётом по 20 вопросов: зачёт при двух ошибках и меньше. Бесплатно открыты первые 3 билета каждого трека.
• Задачи с кодом с автопроверкой в браузере: бесплатно 3 в день, без лимита в «Рывке».
• В «Рывке» есть план по дням до даты собеса: укажите дату в профиле, и темы разложатся по оставшимся дням с днями повторения в конце.