Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 Фронтенд - это не только про красить кнопки, HTML, CSS и JavaScript. Борьба с незаконной рубкой леса и поездки в тайгу тоже могут быть частью этой работы. Вот пример вакансии для экстремальных фронтендеров:

2 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaСуществует стереотип, что фронтенд - это просто. Но как сказали на одном из <a>форумов</a>, "фронтенд заматерел" и требует серьёзного подхода. Сегодня обычная вёрстка или создание сайта с помощью конструктора за пару кликов не имеет ничего общего с фронтенд-разработкой. Настоящий фронтендер должен учесть все нюансы - от адаптивной вёрстки и кросс-браузерности до предпочтений пользователя и производительности сайта.

3 А ещё ходят слухи, что во фронтенде девушек работает больше, чем в любом другом виде разработки. Сложно сказать, так ли это, - однако количество откликов женщин на вакансии во фронтенде действительно выше - 10-17% от общего количества откликов (для сравнения, в бэкенде их всего 3-10%).

4 Данные статистики по вакансии джуниор-разработчика (фронтенд) на HeadHunterСкриншот: сайт HeadHunter / Skillbox MediaДанные статистики по вакансии джуниор-разработчика (бэкенд) на HeadHunterСкриншот: сайт HeadHunter / Skillbox MediaМы просмотрели несколько сотен вакансий во фронтенд-разработке и выяснили, сколько в среднем зарабатывают фронтендеры, а также каких знаний и скиллов ожидают от них работодатели.

5 Если нет опыта, но есть 20 часов в неделю для начала работы, можно поискать для себя стажировку. К новичкам предъявляют минимальные требования:

6 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaСтажировка предполагает обучение по определённому плану, выполнение заданий и код-ревью от наставника. Если компания готова обучать практически с нуля, требования могут быть жёстче, чем обычно: невыполнение задания равно окончанию стажировки.

7 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaЧтобы попасть на стажировку, нужно выполнить тестовое задание. Вот пример такого - про котиков:

8 Пример<a>тестового задания</a>для стажёровСкриншот: сайт HeadHunter / Skillbox MediaТут уже нередко нужен опыт коммерческой разработки от полугода и реализованные проекты - ссылку на гитхаб нужно добавить в резюме. Если повезёт, можно найти вакансию без требований к опыту работы и обойтись без стажировки.

9 Вот что нужно знать соискателям.

10 Вёрстка:<a>HTML5</a>и <a>CSS3</a>.Разработчик - это не верстальщик, но он должен разбираться в нюансах. Умение работать с гридами и флексбоксами, знание препроцессоров приветствуется, адаптивная вёрстка тоже.

11 Язык программирования:<a>JavaScript</a>ES5, ES6+.Твёрдое знание основ: структуры данных, замыкания, области видимости - и умение их применять.

12 <a>TypeScript</a>(необязательно, но желательно). Многие компании уходят от динамической типизации JavaScript. TypeScript помогает сразу заметить противоречия в коде, связанные с неверным использованием переменных определённого типа. Так легче разбираться с чужим кодом, а новые сотрудники проще проходят онбординг.

13 Исследование<a>Stack Overflow</a>говорит о том, что TypeScript нравится разработчикам больше, чем JavaScriptСкриншот: сайт Stack Overflow / Skillbox MediaОдин из популярных фреймворков:<a>Angular</a>,<a>Vue.js</a>или<a>React</a>.Есть ещё<a>Ember, Svelte, Backbone.js и другие</a>, но нам в джуниорских вакансиях они ни разу не встретились.<a>Статистика</a>говорит, что React популярнее: его скачивают почти в пять раз чаще.

14 Количество скачиваний фреймворков - по данным<a>npmtrends.com</a>Скриншот: сайт HeadHunter / Skillbox MediaКоличество вакансий на HeadHunter со знанием React в требованиях тоже выше: React - 3297 вакансий, Angular - 1454 вакансии, Vue.js - 1072 вакансии.

15 Понимание REST API и протокола HTTP.На собеседовании стоит уточнить, нужно ли будет дописывать API. Есть компании, которые набирают фронтендеров с расчётом на то, чтобы вырастить из них фулстек-специалистов. С одной стороны, разбираться сразу в обоих направлениях сложно, с другой - новый опыт и знания сделают из вас ценного разработчика.

16 Умение пользоваться системой контроля версий GitHub/GitLab.Понятная документация в вашем портфолио на гитхабе и покрытие кода тестами повысит ваши шансы на собеседовании. А возможно, и сократит количество базовых вопросов по программированию.

17 Дополнительные требования.Необязательны для джуна, но во многих вакансиях указаны как желательные:

18 <ul><li>сборка проекта в Webpack;</li>

19 <li>использование контейнеров в Docker;</li>

20 <li>методология БЭМ;</li>

21 <li>jQuery (хотя в последнее время есть тенденция уходить от jQuery, он пригодится, чтобы поддерживать уже написанный код).</li>

22 </ul>Софт-скиллы.Чаще других требуется умение работать в команде, стремление сделать идеальный продукт и критическое мышление.

23 Бонусы джуниор-разработчикампредлагают стандартные:

24 <ul><li>спортивные тренировки, обучение, разговорный клуб или компенсация их стоимости;</li>

25 <li>снеки, кофе и чай;</li>

26 <li>ДМС;</li>

27 <li>кафетерий.</li>

28 </ul>Есть компании, где особенно заботятся о здоровье сотрудников: например, обеспечивают 100 сортов чая, витамины, БАДы и компенсацию стоимости анализов:

29 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaОбычно ответ от компании приходит в течение 2-3 дней (максимум недели) после вашего отклика, но иногда решения можно ждать больше месяца:

30 Пример вакансии с сайта "<a>Хабр Карьера</a>"Скриншот: сайт HeadHunter / Skillbox Media"Кодовая фраза".Чтобы отсечь автоматически отправленные отклики, в тексте вакансии пишут, что в сопроводительном письме нужно указать, например, кодовую фразу или ответ на конкретный вопрос. И тут нужно быть внимательными, чтобы не упустить работу, - или из принципа проходить мимо таких вакансий (и правда - что это они выдумали какую-то ерунду). В общем, опытных программистов от таких прихватов в вакансиях потряхивает.

31 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaЧтобы стать мидлом, нужен опыт от года. Чем больше опыт, тем выше зарплата.

32 Оплачиваемые тестовые задания - редкость, но они встречаются. Кстати,<a>регламент</a>и чек-листы (<a>первый</a>и <a>второй</a>) из вакансии ниже пригодятся начинающим фронтендерам. Вакансии "с опережением" навыков помогают понять, что ещё нужно изучить, чтобы двигаться вперёд.

33 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaМидл-разработчики должны знать библиотеки компонентов, уметь анализировать производительность несложных сайтов и использовать технологии, оптимизирующие её. Иногда приходится работать с legacy-кодом.

34 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaОпытные разработчики участвуют в код-ревью и обсуждении структуры приложения, поэтому в вакансиях для них среди софт-скиллов часто упоминают:

35 <ul><li>умение внятно выражать мысли - устно и письменно;</li>

36 <li>уверенный тайм-менеджмент - особенно для оценки и отслеживания сроков выполнения задач;</li>

37 <li>креативность, гибкость мышления, аналитический склад ума.</li>

38 </ul>Компании заинтересованы в максимальной эффективности сотрудников, поэтому в дополнение к современному ноутбуку и удобному креслу организуют консультации психолога.

39 К хард-скиллам добавляется умение оптимизировать производительность сложных высоконагруженных сервисов и обеспечивать их надёжность.

40 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaТимлид должен уметь:

41 <ul><li>выстраивать архитектуру приложения с нуля;</li>

42 <li>организовывать тестирование, документирование, запуск и поддержку продукта;</li>

43 <li>внедрять новые технологии и организовывать обучение сотрудников;</li>

44 <li>поддерживать комфортный климат в команде;</li>

45 <li>планировать спринты, назначать ответственных и контролировать их работу;</li>

46 <li>доносить технические идеи до "нетехнической" аудитории простым языком.</li>

47 </ul>Претендовать на эту позицию реально после 3-6 лет в разработке. Пример требований к хард-скиллам:

48 Пример вакансии с <a>HeadHunter</a>Скриншот: сайт HeadHunter / Skillbox MediaЧто нужно знать.Разницу между элементом и компонентом, какие бывают компоненты, в чём разница между классовыми и функциональными компонентами и когда какой тип нужно использовать. Любят спрашивать про ключи в списках: как их назначать, зачем нужны. Как происходит обработка событий в React, что такое пропсы, какой второй параметр есть у setState. Могут предложить небольшой кусок кода и попросить найти ошибку или попросить переписать код с JavaScript на JSX.

49 Сколько получают.Junior: 30-150 тысяч рублей. Middle: 90-340 тысяч рублей. Senior: 150-400 тысяч рублей.

50 Что нужно знать.Какой должна быть структура каталогов компонентов и почему именно такой. Что такое интерполяция и декоратор. В чём разница между структурной и атрибутной директивой. Как работает асинхронный конвейер. Обязательный вопрос - про механизм загрузки компонентов и их жизненный цикл.

51 Сколько получают.Junior: 30-120 тысяч рублей. Middle: 100-250 тысяч рублей. Senior: 300-400 тысяч рублей.

52 Что нужно знать.Что такое экземпляр и реквизит. Какие существуют хуки жизненного цикла компонента. В чём разница между v-if и v-show. Что такое вычисляемые свойства и когда их нужно использовать. Как сделать маршрутизацию на стороне клиента и программную переадресацию в Vue Router.

53 Сколько получают.Junior: 20-120 тысяч рублей. Middle: 100-230 тысяч рублей. Senior: 120-300 тысяч рублей.

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