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

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

Стажировки бывают оплачиваемые и нет, очные, удалённые и смешанные. Неоплачиваемые встречаются реже и чаще в небольших командах. Перед откликом прочитайте условия целиком: сколько часов в неделю, есть ли наставник и что будет после окончания.

• Карьерные сайты крупных IT-компаний. Многие набирают стажёров потоками раз или два в год. Подпишитесь на рассылки заранее, набор может закрыться за пару недель.
• Сайты вакансий. Ищите по словам «стажёр», «intern», «trainee» и «junior без опыта». Фильтр по опыту «нет опыта» тоже помогает.
• Telegram-каналы с вакансиями для джунов. Там много небольших команд, которые не размещают объявления на крупных площадках.
• Вузовские карьерные центры и хакатоны. Компании приходят туда именно за стажёрами.
• Небольшие студии и аутсорс. Иногда стажировку там можно предложить самому, если показать проект и написать короткое письмо.

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

1. Анкета или резюме. Иногда с вопросами «почему вам интересен frontend» и «что вы уже сделали». Отвечайте конкретно, со ссылками на проекты.
2. Онлайн-тест или задачи. Вопросы с выбором ответа по JavaScript и вёрстке, иногда задачи с автопроверкой. Здесь отсекают тех, кто не знает базу.
3. Техническое интервью. Вопросы по языку и браузеру, небольшая задача в редакторе. Как к нему готовиться, подробно в разделе про техскрининг.
4. Тестовое задание. Не везде. Обычно небольшая страница или компонент. Правила хорошего тестового в разделе тестовое задание.
5. Разговор с командой. Наставник смотрит, комфортно ли с вами работать, и спрашивает про мотивацию.

Глубины middle от стажёра никто не ждёт. Но базу спрашивают строго, потому что на неё будут опираться все задачи в команде.

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

Полный список тем для начального уровня собран на странице «Что должен знать junior frontend». Для стажировки берите оттуда всё, что помечено как частое.

1. Неделя 1. JavaScript: типы, замыкания, this, массивы и объекты. По одной теме в день, урок и сразу вопросы.
2. Неделя 2. Асинхронность и браузер: промисы, async/await, event loop, DOM и события. Плюс 5-7 простых задач с кодом.
3. Неделя 3. Вёрстка и React. Сверстайте одну страницу по макету и перепишите её на компонентах.
4. Неделя 4. Повторение слабых тем, рассказ о себе, пробное интервью вслух. Доведите один проект до живой ссылки.

Если вы только начинаете путь, сначала пройдите общий план frontend с нуля, а к подготовке к отбору переходите, когда уверенно пишете на JavaScript без подсказок.

На стажировку откликаются много людей с похожими курсами. Выделяются не дипломами, а следами реальной работы.

• Один свой проект, доведённый до конца: живая ссылка, README, понятный код. Подробнее в статье про портфолио.
• Короткое письмо под конкретную программу, а не общий текст на все отклики. Примеры в статье про сопроводительное письмо.
• Умение объяснить свой код. Если в проекте есть решение, которое вы не можете объяснить, его лучше переписать.
• Честность. «Не знаю, но предполагаю так» звучит лучше уверенной ошибки.

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

• Резюме на одну страницу со ссылками на GitHub и живые проекты
• Рассказ о себе на минуту: что изучали, что сделали, почему frontend
• Уверенные ответы на базовые вопросы по JavaScript и вёрстке
• Пять-десять решённых простых задач с кодом, написанных без подсказок
• Один проект, который вы можете открыть и объяснить строчка за строчкой
• Список стажировок с датами набора и статусом отклика

• Чем отличаются var, let и constJavaScript
• inline, block и inline-blockHTML и CSS
• Неявное приведение типов в JavaScriptJavaScript
• Объясни блочную модельHTML и CSS
• Что такое замыканиеJavaScript
• Flexbox или GridHTML и CSS
• Всплытие и TDZJavaScript
• flex-grow, flex-shrink и flex-basisHTML и CSS
• Объясните замыкание на примереJavaScript
• Ширина содержимого при border-boxHTML и CSS

• Билеты с зачётом по JavaScript, HTML и CSS и React: 20 вопросов, зачёт при двух ошибках и меньше, разбор каждой ошибки.
• Уроки по каждой теме бесплатно, а повторения карточек без лимита: так база не забывается к дню отбора.
• Задачи с кодом с автопроверкой в браузере: на бесплатном тарифе 3 задачи в день.
• Трекер откликов в кабинете: стажировки и вакансии в одном списке по этапам.