Айти

Мы в HTML Academy занимаемся обучением фронтенд-разработке. За последние 8 лет мы выпустили на рынок большое количество начинающих специалистов, которые устроились на работу и начали приносить пользу рынку.

Недавно мы начали заниматься новым направлением, задача которого — помочь начинающим специалистам вырасти до усреднённого мидла в продуктовой компании. Почему продуктовой компании? Всё просто: продуктовые компании, в среднем, платят больше денег.

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

Как проводилось исследование?

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

Как собирались данные?

Мы выбрали два основных способа сбора информации о навыках.

• Анализ вакансий на предмет требуемых навыков.

• Интервью с опытными разработчиками, которые недавно стали мидлами, или которые нанимают мидлов на работу.

Интервью использовались для того, чтобы подтвердить полученные цифры, немного дополнить картину или углубить её, так как вакансии не всегда составлены правильно и отражают реальные требования к вакансии.

Исследование вакансий

В качестве площадок для анализа вакансий мы выбрали несколько крупных сайтов с вакансиями, включая hh.ru и geekjob.

Вакансии отфильтрованы по следующим параметрам:

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

• Указанный в вакансии опыт работы попадает в диапазон 1—3 года.

• Зарплата ≥150 000 ₽ после вычета налогов.

Под эти параметры попали 460 вакансий, размещённых в начале сентября 2021 года. Это была ключевая выборка, которая анализировалась в первую очередь, но мы также отобрали вакансии по похожим параметрам.

• Такая же выборка, но с требованиями по опыту от трёх до шести лет — 542 вакансии.

• С опытом больше шести лет — 36 вакансий.

• С аналогичным требованием к компании, но без фильтра по зарплате, для специалистов с опытом от нуля до одного года — 48 вакансий.

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

Таким образом, всего было проанализировано больше 1000 вакансий.

Как анализировались данные?

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

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

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

Для интервью с разработчиками было выбрано две группы:

• Тимлиды и техлиды продуктовых компаний, которые нанимают и работают с мидлами.

• Мидлы с опытом работы от двух до пяти лет.

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

1. Пообщались с тимлидами и техлидами — всего около 40 человек.

2. По итогам разговоров сформировали среднюю карту компентенции по навыкам и составили на её базе опрос по использованию или неиспользованию навыков.

3. Разослали опрос на три группы опытных разработчиков:

   1. Наставники HTML Academy, которых у нас много.

   2. Выпускники Академии, которые закончили обучение от двух до пяти лет назад.

   3. Твиттер и группы в социальных сетях с опытными разработчиками.

4. Пообщались голосом с двадцатью мидлами, чтобы получить апрув полученных результатов.

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

Важные уточнения

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

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

Результаты исследования

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

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

Подробные графики по JavaScript-фреймворкам и отдельным навыкам

Самые популярные навыки для мидлов

1. React — 61%.

2. TypeScript — 58%.

3. Vue — 31%.

4. Webpack — 30%.

5. Понимание ООП, MVC, паттернов — 30%.

6. Unit-тесты — 25%.

7. Redux — 24%.

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

Стоит также отметить, что если рассматривать все вакансии по всем проанализированным группам, то TypeScript будет на первом месте, но с учётом погрешности можно сказать, что они с React находятся на одном уровне.

Интересно, что Vue уступает React в два раза, а Angular упоминается всего в 15% вакансий.

Востребованность фундаментальных знаний растёт с опытом

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

• Алгоритмы и структуры данных.

• Понимание ООП, MVC, паттернов.

• Понимание работы сетей и протоколов передачи данных.

• Понимание принципов работы баз данных.

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

Навыки, которые нужно качать в первую очередь, чтобы вырасти от джуна до мидла

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

По нашей статистике топ выглядит так

1. TypeScript — востребованность растёт на 56%.

2. Unit-тесты — 27%.

3. React — 24%.

4. Redux — 22%.

5. Webpack — 17%.

6. Группа фундаментальных основ — 17% в среднем.

Есть и другие навыки, которые не показывают такой рост, но он есть — Angular, State Management, GraphQL, Agile, CSS-in-JS, SSR, CI/CD.

При этом есть навыки, например, Vue.js и знание популярных CSS-фреймворков, востребованность которых падает при переходе из джуна в мидла.

Есть и тот навык, результаты которого в исследованных вакансиях и интервью разошлись — это понимание основ и принципов UI/UX. Вакансии говорят, что мидлам он скорее нужен редко, а вот нанимающие тимлиды считают иначе. Так что знание принципов UI/UX можно считать скрытым преимуществом при приёме на работу.

Сравнение средних зарплат

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

1—3 года опыта. Средняя зарплата 219 тыс ₽, максимум — 480 тыс ₽.

3—6 лет. Средняя зарплата 255 тыс ₽, максимум — 500 тыс ₽.

6+ лет. Средняя зарплата 342 тыс ₽, максимум — 700 тыс ₽.

Пользуясь случаем, напоминаю, что в выборку попадали вакансии продуктовых компаний с зарплатой от 150 тыс ₽, а данные собирались осенью. Это значит, к текущему периоду средние числа можно смело увеличивать на 10-15%, если верить тенденциям на рынке.

Выводы

Главные выводы по результатам исследования представлены выше.

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

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

А пока на базе полученной информации собрали карту кометенций, которая показывает навыки фроненд-разработчика, усреднённые по рынку и разложенные по необходимости на каждом этапе опыта.

Спасибо за внимание и не забывайте про развитие.

Олег — фронтенд-разработчик в крупном видеосервисе (и попутно выпускник Академии). Он только недавно начал работать, но уже согласился ответить на некоторые вопросы от подписчиков нашего комьюнити-чата в Телеграме, которым интересно, как всё устроено в реальной работе.

Передаём слово Олегу.

Какие в основном задачи дают на работе?

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

В компаниях, которые давно стоят на ногах, есть дизайн-системы, от которых верстальщики отталкиваются, делая свою работу. Ушло довольно много времени, чтобы хотя бы въехать в систему, устройство сетки на проекте, всех миксинов и так далее. 

Таска — это что-то глобальное или что-то маленькое?

Смотря какая :)

Задачу может поставить дизайнер, совсем ничего не понимающий в проекте, где необходимо залить файлики по заготовленному линку. А может прийти тимлид с такой задачей, что закопаешься запросто. 

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

Дают коммитить в мастер? Если нет, то когда обещают?

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

Коммитить в мастер — не круто. 

Круто — не срывать сроки, писать легко поддерживаемый код и быть молодцом.

Насколько сильно рабочие задачи отличаются от учебных проектов? В чём основные отличия?

Первое, с чем я столкнулся — огромный незнакомый проект. Это довольно сильно бьёт по срокам и заставляет долго его изучать (долго — две-три недели), а первые задачи делать практически вслепую, по документации.

Рабочий проект может быть написан 5-10 лет назад, а иногда и раньше. Кодовая база обновляется, но не всё так быстро. Встречается незнакомый синтаксис, в этом случае непонимание решается Гуглом или с помощью коллег.

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

Часто ли ставят задачи, решение которых ты сходу не можешь придумать?

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

Единственная валюта — горящие глаза.

Чего больше на работе, вёрстки или кодинга? То есть HTML+CSS или JavaScript?

В моём случае это очень сильный микс — есть и вёрстка, и кодинг. Наверстал, обернул логикой, встроил в проект, отдал.

Вёрстка — 30%, JavaScript — 70%

Соблюдают ли семантику в рабочих проектах?

Да, конечно. Вопрос читабельности и поддержки кода всегда актуален, поэтому семантика важна.

Какие темы стоило лучше изучать, а какие не стоило зазубривать? 

Я бы точно не стал зазубривать вёрстку, а просто набил бы руку. Вёрстку важно «считывать». Падает глаз на блок, в голове готовое решение по сетке и стилям для этого блока.

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

После каких именно курсов ты нашёл работу?

Я прошёл четыре курса — два по вёрстке и два по JavaScript.

Зная о том, как выглядит реальная работа, ты бы оставил всё как есть в своем обучении, или изменил бы подход? 

Да, я бы оставил всё как есть :) 

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

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

Какие три совета по учёбе и работе ты нынешний дал бы себе в первый день обучения?

1. Не так всё это и страшно, бояться не надо.

2. Не бойтесь спрашивать и будьте открытыми к людям: так рост увеличивается в 2-3-n раз, это очень важно.

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

Вопросы на собеседовании были сложнее реальных задач или на их уровне?

Вопросы на интервью были легче, чем реальная работа. Важно понимать, что люди, в первую очередь, нанимают людей. Сойтись духом, характером и почувствовать, что у вас есть «коннект» — 50% успеха.

Также стараются нанять людей, в которых видят потенциал (но я пока не подскажу, как его определить).

Весь тот ворох технологий в списке требований в вакансии — это реально всё нужно уметь на практике?

Да, это всё действительно нужно. 

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

Например по Gulp и Webpack ни одного вопроса не слышал ни разу, а вот про вёрстку и JavaScript — 99%, технологии действительно используются. Их нужно хотя бы чуть-чуть понимать, чтобы они не вызывали реакцию «а это ещё что такое?».

На какую примерно зарплату стоит рассчитывать джуну?

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

Какой объём работы ты выполняешь за день/неделю?

В строчках кода оценить? :) 

Мой рабочий день — 10-11 часов, за это время на прошлой неделе я успел сделать две рекламные интеграции на телевизоры и поучаствовать в редизайне блока цен на сайте.

Все мы когда-то начинали где-то работать, и нет ничего страшного в том, чтобы задавать вопросы. Спрашивайте (или рассказывайте) в комментариях о том, что было непонятно вам перед началом карьеры.