Ключевые навыки фронтендеров в 2023
- 9 сентября 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 динамична: какие-то технологии со временем устаревают, а какие-то набирают популярность, поэтому мы продолжим следить за тенденциями и постараемся повторить исследование в следующем году.
Узнать больше
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше

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

8 шагов, чтобы получать 200 тысяч за код
Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.
- 12 июня 2023

Что нужно уметь верстальщику
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css
на десять тысяч строк.
Сейчас же грань размылась — теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.
С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.
Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.
- 8 июня 2023

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

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

Что почитать начинающему разработчику
Книга — источник знаний. Можно погрузиться в новый язык программирования, изучить фреймворк, получить ответ на интересующий вопрос и много другое. Мы собрали подборку книг, которая поможет понять, как попасть в мир IT, развиваться в карьере и чего ждать от профессии.
- 9 февраля 2023

Хочу работать в 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

Как написать хорошее сопроводительное письмо
Вот вы нашли подходящую вакансию и уже готовы откликнуться — осталось только написать сопроводительное письмо. Оно дополнит резюме и поможет вам выделиться среди остальных кандидатов.
- 14 декабря 2022

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