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

Почему мы проводим исследования

Мы каждый год исследуем российский рынок фронтенд-разработки, чтобы узнать, какие навыки нужны на разных грейдах и какие из них более полезны для развития разработчиков.

Результаты исследования мы используем для создания и поддержки образовательных продуктов. С помощью этих данных мы проверяем, какие технологии востребованы, обновляем карту компетенций и готовим новые курсы. Ещё результаты помогают правильно настраивать скоринг и программу по развитию фронтендеров до уровня мидла. Например, если какой-то навык теряет актуальность, мы убираем его из программы, а если становится востребованным — обучаем ему.

Так выглядит карта компетенций фронтендера в 2022 (фрагмент)
Так выглядит карта компетенций фронтендера в 2022 (фрагмент)

Как мы исследовали вакансии

Мы проанализировали 2391 вакансию для фронтенд-разработчиков и JavaScript-разработчиков. Сначала мы выгрузили все вакансии с HH.ru, Хабр Карьеры и Geekjob. Затем из каждой выписали навыки и сгруппировали их в зависимости от требуемого опыта работы: 1–3 года, 3–6 лет и более 6 лет. Данные распределились так:

С прошлогодними данными не сравниваем, так как выборка увеличилась
С прошлогодними данными не сравниваем, так как выборка увеличилась

После этого мы передали данные тимлидам из других компаний, чтобы проверить, соответствуют ли результаты ситуации на рынке фронтенд-разработки, и в конце подвели итоги.

Мы учли недостатки прошлогоднего исследования и исправили их. В прошлом году мы считали зарплату по среднему значению, в этом — по медианному. Такие вычисления более точные. Например, если девять разработчиков получают зарплату 50 000 ₽, а десятый — миллион, то средняя зарплата будет 145 000 ₽, а медианная — 50 000 ₽. Вдобавок в прошлом году мы выбирали только вакансии с зарплатой от 150 000 ₽, а в этом году изучили все вакансии для разработчиков с опытом более года.

  • Задача исследования — не навязать конкретные навыки, а показать актуальную картину. Если результаты кажутся неправдоподобными — такой рынок. Мы сами удивлены некоторыми данными.
  • Основа исследования — анализ вакансий. Не все вакансии написаны правильно, поэтому в результатах есть погрешность, но средняя картина прослеживается.
  • В разных компаниях разные грейды — мы смотрим на среднюю картину.
  • Все компании разные, и некоторые из них могут не соответствовать результатам исследования.

Зарплаты

В прошлом году мы подробно разбирали зарплаты фронтендеров, но сейчас посмотрели только основные данные.

Медианные зарплаты в зависимости от опыта работы (там, где указаны зарплатные вилки):

  • 1–3 года — 160 800 ₽.
  • 3–6 лет — 206 000 ₽.
  • Более 6 лет — 340 000 ₽.

Медианная зарплата в просмотренных нами вакансиях — 235 600 ₽, минимальная — 60 000 ₽, максимальная — 487 000 ₽.

Навыки

Сначала мы выбрали 150 навыков, а затем исключили те, которые в сумме составляли менее 2%. Получилось 45 основных навыков — мы разбили их на группы и проанализировали по отдельности.

Базовые технологии и фреймворки

В эту группу мы собрали базовые технологии, основные фреймворки и их окружение.

По базовым технологиям можно сделать следующие выводы:

HTML, CSS и JavaScript встречаются почти в каждой вакансии для разработчиков с опытом до трёх лет. Но с ростом опыта эти навыки указывают всё реже: старшие разработчики должны их знать по умолчанию.

TypeScript одинаково востребован для каждого уровня. Он почти стал стандартом: его требуют в 59–63% вакансий. А если смотреть вакансии только продуктовых компаний, этот показатель ещё выше — 78%.

Vue в этом году проиграл по популярности Angular. Но при этом Vue популярнее для начинающих, а Angular — для опытных, как и в прошлом году.

Redux становится нужнее по мере роста опыта фронтендера. Но в вакансиях для специалистов с опытом от 6 лет его либо уже не указывают, либо не просят.

Node.js просят в трети вакансий для разработчиков от трёх лет.

Мета-фреймворки не так популярны, их указывают редко.

Инструменты и отдельные технологии

В эту группу попали отдельные инструменты и технологии, которые не являются базовыми, но используются для написания кода. Здесь дублируется Node. js для сравнения с другими инструментами.

Предыдущий слайд  Следующий слайд

1 2

Rest API набирает популярность и становится похож на стандарт разработки. Он встречается в половине вакансий для разработчиков с опытом до 6 лет.

Количество вакансий с Webpack почти не изменилось в сравнении с прошлым годом. И требования всё ещё разные: при опыте 1–3 года нужно уметь его запускать, при опыте от трёх лет — настраивать с нуля и корректировать.

CSS-in-JS стали чаще указывать отдельно.

SVG, Canvas и WebGL всё ещё используются для сложных анимаций. Их редко указывают отдельно, но это не значит, что они не нужны.

⭐ Прокачайте навыки во фронтенд-разработке, чтобы развиваться и повышать свой уровень.

Навыки, подходы, концепции и computer science

Чем дальше, тем сложнее группировать. В эту группу мы добавили фундаментальные навыки, разные парадигмы и немного дисциплин computer science. Идея — посмотреть, какие навыки нужны, без привязки к технологиям.

Предыдущий слайд  Следующий слайд

1 2

CI/CD. Чем больше опыт, тем чаще упоминается в вакансиях. Требования тоже отличаются. При опыте 1–3 года нужно понимать, что это такое и для чего используется, вносить корректировки. При опыте от трёх лет нужно собирать его с нуля.

Навык написания тестов, знание алгоритмов и ООП тоже становятся более востребованными с ростом опыта.

Базы данных необязательны для начинающих, но они встречаются в 40% вакансий для разработчиков с опытом от трёх лет.

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

С опытом растёт спрос на понимание микросервисной архитектуры. А вот чистую архитектуру либо никто не пишет, либо она никому не нужна.

Шаблонизаторы обычно указывают в вакансиях с небольшим опытом и без SPA, поэтому тут их мало.

Прочие навыки

Сюда мы отнесли всё, что не относится к другим группам.

  • Английский язык становится всё более нужным по мере роста опыта работы, хотя вакансий без знания иностранного языка всё ещё достаточно. Похожая картина и с пониманием принципов работы в команде.
  • Jira часто встречается в вакансиях для разработчиков с опытом более трёх лет.
  • Figma одинаково нужна для разработчиков с разным опытом работы.

Выводы

Знания HTML, CSS и JS востребованы всегда — это база, обязательная даже для джунов. Typescript, React, Git и Rest API становятся стандартом фронтенд-разработки. На одном уровне сохраняется популярность Webpack, GraphQL, Next. js и некоторых других технологий.

Что изменилось:

  • Vue стал реже упоминаться в вакансиях, а Angular — чаще.
  • Становятся всё более востребованными некоторые дисциплины computer science: алгоритмы и структуры данных, микросервисная архитектура.
  • От разработчиков с опытом более трёх лет стали чаще требовать навыки по работе с базами данных.

Мы показали, что происходит на рынке фронтенд-разработки: что изменилось за год и чего ждут работодатели от соискателей с разным опытом. Но сфера IT динамична: какие-то технологии со временем устаревают, а какие-то набирают популярность, поэтому мы продолжим следить за тенденциями и постараемся повторить исследование в следующем году.

Узнать больше


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

Портфолио разработчика. Все секреты

Портфолио разработчика. Все секреты

Портфолио — это важный инструмент для любого разработчика, особенно для начинающего. Оно показывает ваши навыки, опыт и квалификацию, привлекает внимание работодателей и повышает шансы на получение оффера мечты.

Читать дальше
Айти
  • 3 июля 2023
Верстальщик. Гайд по профессии

Верстальщик. Гайд по профессии

В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.

Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.

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

В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.

С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.

Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.

Читать дальше
Айти
  • 8 июня 2023
Веб-разработка. С чего начать

Веб-разработка. С чего начать

На старте бывает непонятно, какой язык программирования выбрать первым. На самом деле, нет идеального языка, который раз и навсегда определит вашу карьеру. Освоить новый язык программирования — всё равно что выучить ещё один иностранный. Сначала надо определиться, что вам больше подходит: фронтенд или бэкенд.

Читать дальше
Айти
  • 2 июня 2023
Как устроиться туда, где закрыты все вакансии

Как устроиться туда, где закрыты все вакансии

Если вы мечтаете работать в определённой компании, но не нашли вакансий на сайтах по поиску работы — ещё не всё потеряно. Проверьте объявления на других площадках. Если и там ничего нет, воспользуйтесь «обходными путями»: начните со стажировки или познакомьтесь с рекрутёром.

Читать дальше
Айти
  • 14 февраля 2023
Хочу работать в IT, но…

Хочу работать в IT, но…

Изучать что-то новое всегда — волнительное и завораживающее событие. Но некоторые останавливаются, даже не начав. Почему так происходит? По разным причинам, но бывают случаи, что из-за мыслей «ещё рано», «уже поздно», «нет технического образования», «не знаю английский». Мы покажем на примерах, что возраст, наличие образования и знание английского — не проблема для смены профессии.

Читать дальше
Айти
  • 19 января 2023
Как стать фулстек-разработчиком

Как стать фулстек-разработчиком

В отличие от фронтендеров и бэкендеров, фулстек-разработчик способен полностью самостоятельно создать сайт или приложение. Такой специалист отлично разбирается в технологиях, базах данных, серверах, умеет разрабатывать веб-приложения и сайты, знает как фронтенд, так и бэкенд. Давайте узнаем, в чём преимущества профессии, насколько она востребована на рынке и как стать топовым специалистом.

Фулстек-разработчик сочетает несколько направлений и может заменить собой пару более узких специалистов. Главная его особенность — это универсальность. Именно поэтому спрос на таких специалистов всегда есть и постоянно растёт. Многим компаниям выгоднее нанять одного универсального разработчика, чем содержать штат программистов.

Топовых фулстек-разработчиков очень мало, они востребованы и имеют возможность выбирать из ряда предложений то, что им интересно. Джуны с небольшим опытом в сфере фулстек-разработки могут рассчитывать на зарплату от 30 до 100 000 ₽ в месяц. Опытный разработчик получает в среднем вдвое больше — 120—200 000 ₽.

💡 Что должен уметь топовый фулстек-разработчик:

  • Понимать полный цикл процесса разработки.

  • Уверенно знать современный JavaScript (ECMAScript), применять TypeScript.

  • Строить архитектуру клиентских и серверных приложений.

  • Применять ООП и паттерны проектирования на практике.

  • Проектировать и разрабатывать REST API.

  • Проводить автоматизированное тестирование фронтенда и бэкенда.

  • Работать с базами данных.

Зарплаты фулстек-направления

Исследования компании Хабр Карьеры за 2022 год говорят, что средняя зарплата разработчиков в России составляет 140 000 ₽. Сумма немного различается по регионам. В Москве зарплата подросла за год и составляет 180 000 ₽, в Санкт-Петербурге осталась на уровне начала года — 150 000.

Зарплата фулстек-разработчика в среднем составляет 200 000 ₽ в Москве, 160 000 ₽ в Санкт-Петербурге и 130 000 ₽ в регионах.

Этот анализ зарплат составлен по вакансиям сайта hh.ru.

Также специальность фулстек ценится за границей, зарплаты в Европе и в Америке очень достойные. В Нью-Йорке опытный фулстек зарабатывает 3000—3500 $. В Германии работодатели указывают в вакансиях зарплату 2500—4000 $.

Изучив вакансии и уровень дохода, скорее хочется прокачать навыки и стать фулстек-разработчиком. Что же для этого нужно?

Читать дальше
Айти
  • 20 декабря 2022
К чему готовиться на IT-собеседовании

К чему готовиться на IT-собеседовании

Перед первым собеседованием фронтендеры часто сидят и переживают — а что будут спрашивать? А как себя вести? А нужно знать всё-всё или достаточно конкретных вещей?

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

Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitchстудии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.

Читать дальше
Айти
  • 1 декабря 2022