Сколько зарабатывает фронтенд разработчик
Нас интересовали кандидаты, работающие на крупных, сложных и долгих проектах. В итоге статистика была сформирована по данным 241 анкеты.
Примечание 1. В исследовании рассматривались только разработчики, проходившие собеседование у нас, поэтому в выборке основная часть кандидатов изначально предпочитает удаленную работу офису (вся наша команда работает дистанционно). Это определенным образом сказывается на их зарплатных ожиданиях.
Примечание 2. В выборку попал небольшой процент кандидатов из Москвы и Санкт-Петербурга, поэтому уровень зарплат в нашей аналитике может не совпадать со средними показателями в этих городах.
Определяем уровни разработчиков во фронтенде
В каждой компании классификация уровней разработчиков немного отличается. Расскажем сперва, какая система принята у нас.
RB рекомендует лучших поставщиков цифровых решений для вашего бизнеса — по ссылке
- Junior-разработчик. Это новичок, который еще не может взять задачу «от и до», но при этом и не совсем зеленый боец. У джуна уже есть некоторый опыт, он может написать несложную логику на JS и каком-то из фреймворков. Он хорошо знает теорию, но еще плохо владеет алгоритмами, и ему обязательно нужен наставник.
- Middle-разработчик — полноценная боевая единица, которой можно доверить задачу или часть проекта. Человек такого уровня сам найдет решение, исходя из своего опыта. Он уже знает не только базу JS, но и хорошо разбирается хотя бы в одном из фреймворков. Ему не нужен наставник, но еще требуется тимлид, который будет ревьюить его код и направлять дальше. Middle-разработчик пока не готов принимать архитектурные решения.
- Senior-разработчик — человек с обширным кругозором, идеальным знанием теории и большим практическим опытом. Он глубоко понимает не только инструменты, но и подходы, может с легкостью объяснить, почему одно работает, а другое — нет. Специалист такого уровня может быстро оценить задачу, увидеть ошибку и исправить ее, он понимает архитектуру проекта и видит направления для его развития. Такой человек заранее догадывается о большинстве подводных камней разработки.
Сколько зарабатывают фронтенд-разработчики?
Сумма, которую называет кандидат, почему-то всегда вертится вокруг 100 тысяч рублей в месяц. Конечно, запросы senior-разработчиков заметно выше, но получать заветные 100 тысяч хотят даже некоторые junior-специалисты (с пометкой «хочу через год»).
Фронтенд разработчик: от 25 до 200к в месяц за 3 года!
Статистика показывает, что ближе всего к этой цифре оказываются middle-разработчики. В регионах России и СНГ они зарабатывают в среднем 80 тысяч рублей в месяц, а при смене работы повышают свои ожидания до 95 тысяч.
Результаты исследования
Новички поголовно хотят около 50 тысяч рублей на руки. Через год они намерены вырасти до мидла с зарплатой в 80-100 тысяч. Это вполне реально, но зависит как от усилий самого разработчика, так и от его окружения.
Сколько Зарабатывает Front end Разработчик и Почему это Не Зарплата | “В чем сила IT, брат?” | GoIT
По нашим данным, за год средний рост зарплаты у программистов (помимо стандартной корректировки ставки на % инфляции) составляет около +25%. При этом чем выше уровень разработчика, тем сложнее ему расти дальше и тем ниже процент годового роста его дохода.
Сколько получает middle-разработчик в России и СНГ?
Анализируя актуальные зарплаты по регионам России, мы не нашли существенной разницы, зато она становится заметна при сравнении с кандидатами из СНГ.
Результаты исследования
Так, больше всего зарабатывают программисты из Беларуси и Украины, где ставки на 38% выше, чем в регионах РФ. По нашему опыту, разработчики из этих стран часто работают в формате аутстаффинга на проектах из США и Европы и привыкли считать зарплату в валюте. Отсюда и повышенные ставки. Интересно, что при выходе на удаленную работу в российскую компанию разработчики Украины и Беларуси обычно готовы снижаться по зарплате, если разочаровались в аутстаффинге на Запад.
Разработчики в других странах СНГ получают в среднем на 3% меньше, чем в регионах РФ. Но при выходе на российский рынок, наоборот, ожидают зарабатывать больше, чем раньше — в итоге даже больше, чем кандидаты из регионов РФ.
Почему программисты меняют работу
По своему опыту можем сказать, что главных причин четыре.
- Первая причина — если они понимают, что застряли над бесперспективным проектом в одиночку или в команде из пары человек. Разработчики устают, потому что не видят пользы в своей работе и возможностей профессионального роста. На новое место они уходят за наставником и хорошей командой.
- Вторая причина — если на прежней работе они сидят на старых технологиях вроде jQuery или Backbone, когда весь мир перешел на React и Angular (важно: это только наше мнение, и ваша картина мира может кардинально отличаться, а jQuery — быть впереди планеты всей. Это нормально). Обычно такие компании продвигают философию «давайте сидеть на том, что работает, так долго, как это только возможно». Разработчикам, которые хотят развития, с такой стратегией не по пути.
- Третий вариант — люди устали от бюрократии и бесполезных бизнес-процессов. В консервативных компаниях или коллективах-тираниях разработчик часто оказывается без нормального менеджера проекта, он работает в формате постоянной мультизадачности, хаоса и давления от боссов сверху. От такого бегут очень часто.
- Наконец, четвертое — многие хотят на удаленку. Для нас это очень позитивный тренд, когда хорошие разработчики настолько устают от офисной атмосферы и поездок на работу и с работы, что изначально ищут для себя вариант работать дистанционно.
Любопытно, что начинающие middle-разработчики чаще других готовы идти на меньшую ставку при смене работы, так как застряли в развитии/нет наставника/устали от старых технологий. Они не видят иного пути для дальнейшего роста и часто признают, что переоценены в реалиях современных технологий и требований на рынке.
Состоявшиеся middle- и senior-разработчики меняют работу чаще всего из-за желания перейти на удаленку или за отлаженными бизнес-процессами и менеджерами, которые возьмут коммуникацию с заказчиками на себя. При этом такие специалисты часто готовы снизить свою зарплату. Они понимают, что это компенсируется бóльшим количеством свободного времени, отсутствием трат на дорогу и возможностью совмещать работу и путешествия.
О важности индивидуального подхода к разработчику
Андрей Мельников, senior фронтенд-разработчик CSSSR
Утверждение, что грамотному middle- или senior-разработчику в Москве можно найти работу за полчаса является довольно однобоким. Действительно, на рынке вакансий больше, чем кандидатов. Однако ведь сразу встает вопрос: а почему при огромной привлекательности рынка IT у нас до сих пор не наблюдается баланса спроса и предложения? Чтобы ответить на этот вопрос, мы должны перейти от простого количественного анализа к качественному.
Какая тенденция — ведущая на рынке IT? Крайне высокая скорость изменения требований рынка: повышение сложности задач задает постоянный рост требований к компаниям, которые предоставляют IT-услуги, а компании в свою очередь постоянно повышают требования к кандидатам. Кандидат в этой погоне обычно лишь догоняет бесконечно бегущие требования рынка — меняются технологии, подходы, да и сами типы задач.
В такой ситуации «засидеться» на одном месте и отстать в развитии от рынка — легче легкого. И каждый программист, на самом деле, постоянно чувствует эту угрозу — отсюда и наше сильнейшее желание профессионального развития.
Я встречал на собеседованиях людей, которые были готовы перейти с высокооплачиваемого места на позицию с зарплатой ниже, как раз потому что они чувствовали, что перестают развиваться.
Замыкаясь на одних и тех же задачах и технологиях, программист попадает в очень уязвимое положение — если что-то случится с его компанией, то на рынке он себя уже не найдет. Разработчику любого уровня «устареть» в своих знаниях очень легко, и тогда он переходит в более низкую лигу. Что это значит: ты будешь ходить по однотипным, простым проектам, попадать в непонятные стартапы, готовые брать всех подряд, или тебе придется постоянно переходить на позиции с более низкой зарплатой. Этого никому не хочется. Так что можно сказать, что наше стремление к постоянному развитию и изменениям вытекает из нашего желания сохранить свою стабильность на рынке труда.
Поэтому если в компании не предусмотрена ротация разработчиков по проектам, нет выстроенной системы развития людей — это достаточный повод для смены работы. Потребность в развитии не закрыть формальным «мы поднимаем тебе зарплату». Нет, нужно думать, как помочь человеку вырасти, ставить ему цели, следовать общему плану развития его направления.
У компании должны быть ресурсы в виде нескольких проектов разной специфики, чтобы можно было перекинуть человека с одного на другой. Важно наличие разных технологий и возможность выделять время на исследование новых направлений. Так компания вынуждена решать вопросы обучения и развития сотрудников. И здесь ни в коем случае нельзя подходить формально и мерить всех общей меркой — к каждому человеку необходим свой подход и своя линия развития, помогающая именно ему догнать и даже немного перегнать растущие требования рынка труда.
Разумеется, идеальная организация требует больших затрат, и часто компании вынуждены искать компромиссные решения. Однако если никаких серьезных шагов в этом направлении не делается, человек рано или поздно уйдет. Иначе он очень скоро увидит, что уже не востребован на рынке.
Что дальше?
Наше исследование отражает ситуацию за прошлый год. Но во всем мире сейчас наблюдается тенденция к более гибкой организации работы, в том числе растет спрос на удаленную занятость.
В России, с одной стороны, существует тренд переезда в Москву или Санкт-Петербург в поисках более высоких зарплат и широких возможностей.
С другой стороны, многие разработчики по тем или иным причинам не хотят перебираться в крупный город. Для таких людей удаленка – хороший шанс расти и развиваться профессионально, если в их родном городе нет достаточных возможностей для этого.
Все больше крупных компаний понимают эту тенденцию и находят в ней плюсы и для себя. Постепенно наступит насыщение рынка удаленных вакансий, а значит, усилится конкуренция и начнет увеличиваться средняя заработная плата. Через некоторое время, как нам кажется, это может привести к тому, что зарплаты регионов станут постепенно выравниваться со столичными. Какие в действительности произойдут изменения, мы увидим в аналитике за 2018 год.
Материалы по теме:
Источник: rb.ru
Зарплаты: Frontend разработчик, Россия | декабрь 2022 года
185460.0 руб. — средняя зарплата для ‘Frontend разработчик’ (Россия).
Средняя зарплата для ‘Frontend разработчик’, рассчитанная на основе вакансий, показывает среднее арифметическое по зарплатам из найденных вакансий (количество таких вакансий для ‘Frontend разработчик’ равно 452).
171000.0 руб. — медианная зарплата для ‘Frontend разработчик’ (Россия).
Возможно, вас заинтересуют зарплатные обзоры по следующим профессиям и специализиям:
| Developer | 160134.0 | 151000.0 | 8988 вак. (с зп) 20782 вак. 03.12.2022 |
| разработчик | 161126.0 | 151000.0 | 6969 вак. (с зп) 16470 вак. 29.12.2022 |
| программист | 161362.0 | 151000.0 | 6950 вак. (с зп) 16429 вак. 29.12.2022 |
Статистика зарплат для ‘Frontend разработчик’ по городам
Лидеры по количеству вакансий для ‘Frontend разработчик’: Москва, Санкт-Петербург, Казань, Екатеринбург, Новосибирск.
Лидеры по уровню средней зарплаты для ‘Frontend разработчик’: Новосибирск, Москва, Томск, Нижний Новгород, Санкт-Петербург.
| Москва | 215199.0 | 199000.0 | 181 вак. (с зп) 683 вак. 26.11.2022 |
| Санкт-Петербург | 199903.0 | 199000.0 | 62 вак. (с зп) 193 вак. 27.11.2022 |
| Казань | 173118.0 | 155000.0 | 17 вак. (с зп) 46 вак. 31.10.2022 |
| Екатеринбург | 177250.0 | 161000.0 | 16 вак. (с зп) 40 вак. 14.12.2022 |
| Новосибирск | 219571.0 | 233000.0 | 14 вак. (с зп) 40 вак. 28.11.2022 |
| Нижний Новгород | 212600.0 | 199000.0 | 5 вак. (с зп) 29 вак. 31.10.2022 |
| Самара | 164143.0 | 195000.0 | 7 вак. (с зп) 28 вак. 27.07.2022 |
| Ростов-на-Дону | 150667.0 | 125000.0 | 12 вак. (с зп) 22 вак. 10.11.2022 |
| Томск | 215000.0 | 231000.0 | 12 вак. (с зп) 22 вак. 31.10.2022 |
| Краснодар | 135308.0 | 103000.0 | 13 вак. (с зп) 21 вак. 31.10.2022 |
Статистика зарплат для ‘Frontend разработчик’ по некоторым регионам
| Новосибирская область | 188288.0 | 179000.0 | 59 вак. (с зп) 127 вак. 23.05.2021 |
| Республика Татарстан | 163114.0 | 151000.0 | 35 вак. (с зп) 111 вак. 15.05.2021 |
| Свердловская область | 160167.0 | 151000.0 | 48 вак. (с зп) 102 вак. 11.06.2021 |
| Краснодарский край | 159865.0 | 151000.0 | 37 вак. (с зп) 77 вак. 15.06.2021 |
| Нижегородская область | 175952.0 | 151000.0 | 21 вак. (с зп) 73 вак. 21.05.2021 |
| Ростовская область | 127800.0 | 93000.0 | 30 вак. (с зп) 73 вак. 27.06.2021 |
| Томская область | 149355.0 | 133000.0 | 38 вак. (с зп) 49 вак. 24.05.2021 |
| Воронежская область | 184524.0 | 179000.0 | 21 вак. (с зп) 48 вак. 22.06.2021 |
| Пермский край | 136846.0 | 131000.0 | 13 вак. (с зп) 44 вак. 10.06.2021 |
| Самарская область | 169667.0 | 153000.0 | 12 вак. (с зп) 44 вак. 07.06.2021 |
Источник: zarplan.com
Сколько зарабатывает frontend-разработчик в России и за границей в 2022 году
В статье мы подготовили для вас статистику зарплат фронтенд-программистов. Разберемся, сколько платят junior-, middle- и senior-разработчикам в разных странах, а также узнаем, какие деньги можно заработать на фрилансе.
Средняя зарплата frontend-разработчика в России в 2022 году
По данным сайтов с вакансиями, средняя зарплата frontend-разработчика в России в 2022 году составляет 80655 рублей.
Перечислим, какие условия определяют заработок фронтендера:
- Квалификация, опыт и навыки. Оклад джуниора начинается от 40 000 руб., доход senior может достигать 350 000 рублей в месяц. Важную роль играет и стек технологий, которыми владеет специалист: более востребованы React и Angular, менее популяры – jQuery или Backbone.
- Город. Уровень зарплат в мегаполисах выше, чем в регионах. Например, фронтенд-программисты из Москвы или Санкт-Петербурга могут зарабатывать в 2-3 раза больше, чем их коллеги из провинции.
- Формат. Штатные работники помимо оклада в 80-90 тыс. руб. нередко получают годовые премии, корпоративные бонусы и компенсации. Заработок фрилансера зависит только от его мотивации – он может составлять и 30, и 300 тысяч рублей.
Мы собрали актуальную информацию на сайте HeadHunter и составили сводную таблицу – на какие зарплаты могут рассчитывать российские фронтенд-разработчики.
| Условия | Диапазон зарплат |
| Junior | от 25 000 до 150 000 руб. |
| Middle | от 50 000 до 350 000 руб. |
| Senior | от 80 000 до 450 000 руб. |
| Удаленно | от 20 000 до 400 000 руб. |
В Москве
По статистике сайтов для поиска работы средняя зарплата frontend-разработчика в Москве превышает 98 тысяч рублей.
Минимальный оклад предлагают стажеру без опыта работы. Максимальный заработок в размере от 200 до 400 тыс. руб. в месяц можно получать на должности Frontend (React) Senior Developer.
| Условия | Диапазон зарплат |
| Junior | от 30 000 до 150 000 руб. |
| Middle | от 50 000 до 350 000 руб. |
| Senior | от 80 000 до 400 000 руб. |
| Удаленно | от 20 000 до 350 000 руб. |
В Санкт-Петербурге
В среднем фронтенд-разработчик из СПб зарабатывает 94 000 рублей в месяц.
На текущий момент на сайте HeadHunter опубликовано более 550 вакансий, из них почти 200 – с заработной платой свыше 110 тыс. руб. и около 20 – от 300 тысяч рублей.
| Условия | Диапазон зарплат |
| Junior | от 25 000 до 120 000 руб. |
| Middle | от 50 000 до 180 000 руб. |
| Senior | от 90 000 до 350 000 руб. |
| Удаленно | от 45 000 до 300 000 руб. |
В Новосибирске, Казани и Самаре
На сайтах для поиска работы мы нашли средние зарплаты frontend-разработчиков в крупных российских городах:
- 84800 руб. – в Новосибирске;
- 81800 руб. – в Казани;
- 64400 руб. – в Самаре.
В таблице собраны минимальные и максимальные суммы, на которые могут рассчитывать фронтендеры из этих городов:
| Условия | Самара | Казань | Новосибирск |
| Junior | от 30 000 до 80 000 руб. | от 30 000 до 75 000 руб. | от 30 000 до 60 000 руб. |
| Middle | от 50 000 до 220 000 руб. | от 60 000 до 230 000 руб. | от 50 000 до 230 000 руб. |
| Senior | от 70 000 до 280 000 руб. | от 60 000 до 270 000 руб. | от 80 000 до 320 000 руб. |
| Удаленно | от 30 000 до 200 000 руб. | от 40 000 до 270 000 руб. | от 80 000 до 320 000 руб. |
На нашем сайте собраны лучшие онлайн-курсы по frontend-разработке. Вы можете почитать отзывы выпускников, сравнить условия нескольких обучающих программ, а также выбрать подходящий вариант по цене или сроку.
Зарплата фронтендера за рубежом
Сказать однозначно, сколько зарабатывают frontend-разработчики за рубежом не получится – на доход влияет множество факторов:
- квалификация и опыт;
- образование – в некоторых регионах наличие диплома вуза играет важную роль;
- ставка налогообложения и пр.
Чтобы иметь общие представления о том, какие суммы предлагают зарубежные работодатели, мы изучили вакансии от американских и европейских компаний на сайте HeadHunter. Расскажем подробнее об условиях и требованиях к кандидатам.
В США
Как пишут в интернете, зарплата фронтенд-разработчика в Америке может достигать 92 000 долларов – около 6,7 млн руб. в год или почти 560 тысяч рублей в месяц. Стоит учесть, что данная цифра является приблизительной и не учитывает налог, который составляет от 25 до 40%.
Мы изучили актуальные вакансии на ХедХантере и на их основе составили собственную статистику. В таблице указаны суммы в пересчете по текущему курсу.
| Условия | Примерный заработок |
| Junior | от 200 до 210 тыс. руб. |
| Middle | от 250 до 300 тыс. руб. |
| Senior | от 290 до 360 тыс. руб. |
| Удаленно | от 100 до 330 тыс. руб. |
В Европе
Чтобы иметь представление о зарплатах frontend-разработчиков в Европе, мы также посмотрели объявления на сайте HeadHunter от европейских компаний. Первая вакансия – Senior Frontend разработчик в Риге.
От кандидата требуется опыт не менее 3 лет, знание Typescript, React, Git и методологии BEM. Уровень заработка – от 2500 до 4000 евро, то есть от 215 до 345 тысяч рублей в пересчете по текущему курсу. Возможен переезд в Латвию.
Вакансию с самой большой зарплатой мы нашли в Германии. Работодатель ищет специалиста на должность Senior Front-end разработчика на следующих условиях:
- опыт от 6 лет;
- отличное знание JS, Vue, React, Angular, Svelte;
- удаленная работа с перспективой переезда в Берлин;
- заработная плата – 350 тыс. руб. на руки.
Подборка курсов Все онлайн-курсы по Frontend-разработке в 2022 году
Посмотреть подборку
Сколько зарабатывает фронтенд-разработчик на фрилансе
Есть разные факторы, которые влияют на то, сколько зарабатывает фронтенд-разработчик на фрилансе:
- Опыт и стек технологий.
- Востребованность у заказчиков.
- Стоимость услуг.
Чтобы иметь представление о том, какие суммы может получать фрилансер, мы изучили заказы на фриланс-биржах. Примеры заданий и цены указаны в таблице:
| Задание | Стоимость заказа |
| Внести небольшие правки в готовый сайт | 3000 руб. |
| Перенести сверстанный сайт на CMS | 5000 руб. |
| Доработать сайт на WordPress | 10 000 руб. |
| Перенести сайт с WordPress на Bitrix | 10 000 руб. |
| Разработать простой сайт на React | 15 000 руб. |
Источник: uchis-online.ru
Профессия: фронтенд-разработчик
Когда приходит мысль стать программистом, ты вдохновенно открываешь справочник Шилдта по С, заказываешь толстую книгу Страуструпа по С++ и учишься шутить про указатель на указатель на указатель и про рекурсию. Жёсткая романтика первого времени… Но всё меняется, когда в твою жизнь случайно приходит JavaScript. «Какой он простой, понятный, какой классный синтаксис!
Всё, решено, буду писать сайты», — думает начинающий программист и решает стать гуру всея веба. Но потом выбранный стек меняет своё дружелюбное лицо, и чем дальше, тем больше. Но ты уже не можешь остановиться, потому что ты один из них — фронтенд-разработчиков. Тех самых, которые «смотрящие за мордой сайта». Ну что, захотелось присоединиться? Тогда для вас 2 серия нашего спецраздела «Профессия:…»
Мы уже готовили эту статью, когда в среду вышел пост «Хабр Карьеры» с интервью представителя онлайн-школы о работе фронтенда, что не могло не радовать: значит, в нашей серии «Профессия. » появится очередной нужный, полезный, актуальный материал. Кстати, первый выпуск был посвящён профессии системного администратора.
Кто это?
Сперва немного лирики и отступления от темы.
На пороге третьего десятилетия XXI века кажется, что интерес пользователей и разработчиков сместился c веб-интерфейсов в сторону мобильных приложений и IoT. Но это только кажется. Проведём простой мысленный эксперимент. Подумайте, сколько сайтов вы посещаете со всех своих гаджетов в неделю и проанализируйте, какие мобильные приложения у вас установлены.
Скорее всего, получится, что все информационные и новостные ресурсы вы просматриваете на полных и мобильных версиях сайтов (в браузере), а мобильные приложения выполняют «специфические» задачи: социальные сети, мессенджеры, планировщики, хобби и т.д. То есть о вымирании веба говорить слишком рано.
Более того, одним из трендов 2019-2020 года (а мне думается, что и до года 2025) стали так называемые PWA (Progressive Web Apps), которые называют будущим мобильного веба. Если говорить максимально просто, то PWA — это не что иное как мобильный сайт здорового человека такой, каким он должен быть. Лучше всего PWA определил один из создателей этой концепции и автор самого термина Алекс Рассел: «Progressive Web Apps are just websites that took all the right vitamins.» («PWA это всего лишь сайт, который принимает все необходимые витамины»).
PWA даёт пользователю набор возможностей, который обычно ассоциирован с нативным мобильным приложением. Например, можно получить мгновенную загрузку при втором заходе, устанавливать значок сайта на экране гаджета для быстрого входа, получать настроенные уведомления, отказаться от навигации браузера и работать в удобном полноэкранном режиме и т.д.
Кстати, если вам интересно познакомиться с PWA поближе, есть классная страница о нём и, конечно, рекомендации Гугла.
Так что, друзья мои, очевидно, что вне зависимости от роста мобильных приложений и технологий, веб ещё долго останется открытым стандартом для взаимодействия пользователей и любых наборов информации (сайтов, блогов, социальных сетей, интернет-магазинов и всего остального).
Что-то меня в бэкенд унесло. Не суть. Суть в том, что при любом бэкенде любого сайта должна быть «морда» сайта и он должен как-то работать. И всё происходит, когда приходят они — фронтенд-разработчики. Они отвечают за разработку внешнего интерфейса сайта, то есть того, как бэкенд и дизайн сайта взаимодействуют с пользователем (если вдруг вы на Хабре случайно, поясню — за каждым сайтом скрывается куча всего: дизайн, различные прослойки и огромный бэкенд, то есть вся логика работы, СУБД и проч). В общем, когда-то истина крылась вот в этой картинке:
Эта эпичная и знакомая всем картинка уже сегодня трансформировалась и действительно, профессия фронтенд-разработчика стала несравнимо сложнее и многокомпонентнее, чем каких-то 7-10 лет назад. Теперь это выглядит так, и 2028 по ощущениям гораздо ближе 🙂
Фронтендеры отвечают за логичную работу всех компонентов сайта, включая контент, кнопки, изображения, навигацию и внутренние ссылки. Нередко именно они проектируют первичную структуру сайта, работают с требованиями пользователей (заказчиков), то есть отвечают за клиентскую сторону пользовательского интерфейса. И если бэкендеры отвечают за программно-аппаратную часть и им скорее важно, как софт взаимодействует с железом, то фронтендеры взаимодействуют с гораздо более сложной «аппаратной частью» — органами зрения, слуха и иногда осязания обычных людей. Задача сделать так, чтобы было удобно, быстро, прозрачно, ожидаемо и т.д. В общем, если косячит фронтендер, это заметят все и сразу.
Вы ещё не напугались от таких перспектив? Тогда едем дальше.
Где нужен?
Если коротко, то везде, где есть веб-разработка, а именно:
- Компании, для которых сайт — важнейшая коммерческая составляющая: разработчики пользовательского ПО, рекламные агентства, ритейлеры, сотовые операторы, банки, СМИ, блоги и что угодно. Если сайт призван развлекать, продавать и приносить деньги, чаще всего компании предпочитают иметь свою разработку.
- Интернет-магазины, информационные порталы, маркетплейсы и проч.
- Разработчики веб-приложений для бизнеса: сервисы управления проектами, корпоративные порталы, CRM, ERP, BPM и любые другие сервисы.
- Развлекательные сервисы и проч.
Средняя заработная плата
Заработную плату будем смотреть тоже на «Хабр Карьере». Возьмём данные за второе полугодие 2019 года, вне зависимости от владения тем или иным стеком. К слову, знание какой-то определённой библиотеки или фреймворка прибавляет к заработной плате не так много, где-то от 5 до 15 тыс. руб.
| Младший (Junior) | 53 404 руб. |
| Средний (Middle) | 99 396 руб. |
| Старший (Senior) | 170 535 руб. |
| Ведущий (Lead) | 185 533 руб. |
Разница между уровнями довольно ощутимая, а стек внутри вакансий довольно обширный — так что с одними онлайн-курсами JavaScript делать карьеру фронтендера вряд ли получится.
Базовые требования к профессионалу
Действительно, хорошо оплачиваемый фронтенд-разработчик должен владеть не только базовым языком программирования, но также знать библиотеки и фреймворки. Мы выбрали по пять самых популярных технологий, которыми владеют разработчики различного уровня. Также, начиная с Junior, к владению стеком присоединяются ещё какие-то важные скиллы, которые можно увидеть в последней строке. В принципе, всё ожидаемо, для меня сюрпризов в таблице практически нет.
- JavaScript
- Typescript
- HTML
- CSS
- React.js
- JavaScript
- React.js
- HTML
- CSS
- Redux
- JavaScript
- React.js
- Vue.js
- Redux
- CSS
- JavaScript
- React.js
- Angular
- Vue.js
- Redux
- React.js
- JavaScript
- Vue.js
- Angular
- Typescript
В описаниях вакансий фронтенд-разработчика можно встретить различные требования, от базового знания HTML до полного знания всего на свете и PHP в придачу. Мы выделим основные требования.
- Владение и понимание принципов веб-дизайна, UI/UX.
- Понимание потребностей разных групп пользователей, включая необходимость работы с Accessibility (доступность сайта для прочтения, понимания и взаимодействия лицами с ограниченными возможностями).
- Навыки мониторинга производительности и состояний сайта, наблюдения за трафиком.
- Понимание правил и проблем юзабилити, навыки быстрого исправления проблем.
- Навыки проектирования архитектуры веб-приложения.
- Тестирование сайтов на удобство использования, специальные возможности, необходимый дебаггинг.
- Профилирование, рефакторинг и оптимизация разработанных приложений.
Наиболее популярные веб-фреймворки по версии отчёта StackOverflow. Очень рекомендую перейти на страницу отчёта и просмотреть его весь, хотя бы по графикам, попереключать вкладки, — так вы получите целостную картину происходящего в мировом IT. Много инсайтов даже для продвинутого, опытного айтишника.
И вновь прекрасная схема технологий 2020 для фронтенд-разработчика (роадмап)
Важные личные качества
Я не сторонник оценивать специалистов по их личностным качествам и требовать сострадания от фронтендера или интроверсии от бэкендера. Однако, имея определённые личностные черты, фронтенд-разработчик справится с работой несколько лучше, чем его конкуренты и коллеги.
- Однозначно нужны коммуникативные навыки, поскольку придётся работать с требованиями пользователей, уточнять что-то внутри рабочих групп, тесно общаться с проектировщиками, бэкендерами, дизайнерами, тестировщиками. Вы должны уметь задать правильные направляющие вопросы, чтобы получить максимально точные и однозначные ответы. Реализовывать что-то молча, а потом переделывать из-за вала обращений пользователей — признак непрофессионала.
- Любознательность поможет всегда быть на переднем крае технологий, забирать в проект лучшие новинки в стеке, узнавать первым о возможностях и внедрять их в продакшен.
- Общая эрудированность, интуиция и эмоциональность помогут лучше понять, чем живут пользователи, «влезть в их шкуру», осознать особенности поведения в вебе различных социальных групп и применить это знание в разработке.
- Художественные навыки, вкус и чувство стиля помогут сочетать готовый дизайн и грамотно выстроенный интерфейс.
Необходимость знания иностранных языков
Для любого программиста крайне желателен английский язык не ниже upper-intermediate с уклоном в технический английский. Так вы сможете читать в оригинале многочисленные рекомендации Google и других компаний для оптимальной разработки (очень много полезной документации!), самообучаться с помощью зарубежных лекций, общаться с коллегами на форумах, задавать вопросы, а также читать книги по юзабилити и дизайну, среди которых очень много крутых англоязычных и пока не переведённых изданий.
Развиваться именно в программировании без знания английского языка крайне затруднительно, особенно в веб-технологиях.
Где учиться
В российских реалиях, как мы уже говорили в первой статье про сисадминов, высшее образование необходимо для успешного трудоустройства. Поэтому желательно иметь хорошую образовательную базу (политех, университет, на край — техническая специальность в каком-нибудь базовом вузе). В принципе, при навыках логического мышления и умении работать с алгоритмами подойдёт любое высшее образование — был бы человек толковый. Сегодня уже есть специальности и направления в вузах, где студенты осваивают основы фронтенд и бэкенд-разработки, это очень хорошо. Но этого категорически мало.
Конечно, первое, с чем вы столкнётесь, выбирая профессию фронтенд-разработчика, это онлайн-школы. Пока я писал эту статью, я погуглил несколько картинок и отчёты площадок по теме фронтенда. У меня весь яндекс и гугл теперь в объявлениях, которые обещают меня сделать гуру JavaScript за 2-3-6-12 месяцев. Соблазнился бы, если бы не знал, что такое JavaScript и как его выучить за 21 день.Брать курс для старта или систематизации знаний или не брать — дело вашего желания, времени и дохода. В любом случае, просто прослушать не получится — придётся сидеть и бить по клавишам, делать тестовые сайты или пилить свой пет-сервис (включая бэкенд, кстати).
Впрочем, к этому обучение фронтенд-разработке и сводится: вы берёте именно проект и на нём учитесь. Если хочется денег, можно попытаться сделать сайт для небольшой компании или устроиться на стажировку (но для этого у вас уже должны быть хоть какие-то навыки разработки или тестирования). Только ежедневный кодинг, поиск оптимальных решений, тщательный анализ работы кода помогут вам прокачаться как разработчику.
Лучшие книги и средства обучения
Список книг и ресурсов зависит от того, какой стек вы выберете. Но есть несколько, которые нужны абсолютно любому фронтендеру (а то и любому программисту в принципе). Сделаю сумбурный список — по мере силы собственных впечатлений.
- Стив Макконнелл «Совершенный код». Просто читайте эту книгу и впитывайте то, что там написано. Вы сразу (нет, не сразу) поймёте, что такое грамотная разработка, и чем она отличается от говнокода.
- htmlbook.ru — просто добавьте этот сайт в закладки, закреплённое и в своё сердце. Это великолепная энциклопедия веб-разработчика на русском языке с адекватной и удобной структурой.
- Книги Кайла Симпсона — ищите то, что вам нужно и то что актуальной даты издания. Он очень круто пишет и структурирует информацию о JavaScript.
- Хавербеке Марейн «Выразительный JavaScript. Современное веб-программирование» — практически ценная книга от настоящего профессионала. Если не ошибаюсь, у «Питера» пережила издание в 2019 году, свежак.
- webref.ru — очень классный сайт для разработчиков веба, разбирайтесь, обучайтесь.
- Книги по вашей технологии — переводные или в оригинале (ищите O’Reilly).
- codecademy.com — люблю этот сайт и иногда использую для поддержания мозгов в порядке. Интерактивный сайт для обучения разработке на разных языках программирования на английском, с самого низкого, нулевого, уровня. Есть базовый бесплатный курс, есть платный — 15$ в месяц. Нравится общая интерактивность, значки, ачивки и постепенное нарастание сложности задач.
- htmlacademy.ru — есть бесплатные курсы, части курсов и блог. Берите все знания, что сможете унести.
- Бесплатные курсы и видео, которых бесконечно много на Youtube на русском и английском языках. Просто слушайте, повторяйте, систематизируйте знания. Для начала подойдут любые, очень скоро вы научитесь отличать крутые вещи от дилетантских.
- Ну и конечно — не бойтесь и не стесняйтесь коммитить в open source проекты (начните с небольших, а там и до библиотек, и до фреймворков дойдёте), ковыряйте чужой код, изучайте принципы и алгоритмы.
- Хорошая статья с очень простым английским и подсказками для начинающих свой путь в JavaScript.
- Конечно же Хабр. Одна команда RUVDS сколько крутого по JavaScript и фронтенду перевела!
Будущее фронтендера
У фронтендера три основных пути развития.
- Внутри фронтенд-стека. Первый уровень — заточенность на задачу и кодинг; второй уровень — расширенная работа с интерфейсами и концепциями, освоение нескольких фреймворков, TDD, новые библиотеки; третий уровень — архитектура и проектирование интерфейсов, производительность; четвёртый уровень — техническая экспертиза и управление группой разработчиков.
- Переход на полный стек (фуллстек-разработчик) — путь к бОльшим деньгам, крупным корпорациям, нетривиальным задачам. Вы соединяете в себе способность разрабатывать веб-приложения сразу со всех сторон и не зависеть от чужого кривого кода (в идеале, а так-то — ха-ха).
- Переход на менеджерские позиции, управление проектами, управление всем коллективом разработчиков, общение с клиентами, презентации. Исключительно для тех, кто это любит.
Мифы профессии
▍Фронтенд умирает
Главный миф — это то что профессия фронтенд-разработчика умирает. Конечно, нет. Более того, интерфейсы год от года становится всё сложнее, и ИТ-сфера будет нуждаться в продвинутых специалистах, способных разобраться в этих усложнениях. Фронтенд-разработка будет нужна ещё довольно долго, и никакие шаблоны, визивиги, CMS и прочие средства её не заменят. О важности и нужности профессии можно судить по ряду графиков — думаю, всё наглядно и не нужно ещё раз повторяться о том, что не может умереть профессия, которая обеспечивает самое главное — взаимодействие пользователя и интерфейса.
Просто посмотрите на 10 самых популярных языков программирования в проектах GitHub и оцените положение JavaScript на этом графике. В данном случае прямая линия не означает умирание, она означает стабильность и востребованность.
Наиболее популярные языки программирования из отчёта StackOverflow. Кстати, JavaScript здесь удерживает лидерство уже седьмой год.
А вот и тренды Гугла.
Динамика запроса «frontend developer» в мире, 5 лет
Динамика запроса «frontend» (красным) и «фронтенд» (синим) в России, 5 лет
▍Работодатели не очень понимают в видах программистов
А вот второй миф нифига не миф, а чистая правда. Работодатели часто не понимают, кого они нанимают на работу и ищут не того, кто готов решать конкретные задачи и брать на себя ответственность за их решение, а того, кто «должен знать» какой-то им одним ведомый стек технологий.
Именно поэтому нужно быть готовым к тому, что вакансия фронтендера будет один раз похожа на вакансию верстальщика, а второй — на вакансию фулстека. Если работодатель выучил аббревиатуру TDD (test driven development), то вакансию можно найти и среди тестировщиков 🙂 На самом деле, такой дичи, как в требованиях к фронтенд-программистам не встречается практически нигде (хуже дела обстоят только у пиарщиков и маркетологов, те вообще должны быть МФУ). Если вам очень хочется в компанию и вы понимаете, что собеседование идёт не туда, постарайтесь перевести разговор на задачи и рассказать, как конкретно вы собираетесь их решать и с помощью какого стека. Впрочем, если не туда пошло уже на собеседовании, может, вы слишком хорошо думаете о компании?
Главный совет
Весь веб меняется очень быстро — появляются новые технологии, новые паттерны взаимодействия, выходят новые утилиты и обновления фреймворков и библиотек. Однако если вы упустите что-то из новинок, завтра сайт, за который вы будете отвечать, не станет более медленным, страшным и не превратится в тыкву. При выборе технологий, смене стека, изменении логики работы интерфейса думайте о своих пользователях, о том, к чему они привыкли, смотрите аналитику, тепловые карты и вносите только действительно необходимые и полезные изменения. Тем временем изучая новое и пробуя его на пет-проектах, потому что опыт приходит только с практикой, а понимание лучших решений — на живых примерах.
А как и почему вы решили стать фронтенд-разработчиком? Что в профессии хорошо, а что нет? Рассказывайте в комментариях, поможем тем, кто стоит на распутье.
- Блог компании RUVDS.com
- Разработка веб-сайтов
- Карьера в IT-индустрии
Источник: habr.com
116 тысяч рублей в месяц — средняя зарплата для фронтенда. Как им стать
Мы уже писали о том, кто такой фронтенд и что он делает. Сегодня поговорим, как им стать, и почему сейчас — самое время.
Работа
Если ответить коротко, то почти всё, что мы видим в интернете, сделано руками фронтендов:
- сайты,
- ленты социальных сетей,
- интернет-магазины,
- и всё остальное, что можно увидеть.
Ключевое здесь то, что фронтенд отвечает за видимую часть интернета: как себя ведут сайты и страницы. Но кроме них есть ещё и бэкенд-разработчики: они берут на себя всё, что происходит на сервере. А ещё есть аналитики, и сисадмины, и многие другие. Про всех них мы тоже напишем, но позже.
Деньги
Средняя зарплата фронтенд-разработчика по данным Хабр Карьеры на первое полугодие 2020 года — 116 тысяч рублей:
Любопытно, что даже джуниоры, которые только пришли в профессию, получают в среднем 55 тысяч рублей:
Что знать
Самый минимум, с которым можно уже начинать работу, — HTML, CSS и JavaScript. Этого достаточно, чтобы начать свои первые шаги в профессии, устроиться на работу или брать заказы как частному специалисту. Если вы хотите всё и сразу, вот что можно изучить дополнительно:
- React.js и Node.js,
- систему контроля версий Git,
- сборщик проектов Webpack,
- серверную часть — Nginx.
Где учиться
Два самых популярных варианта — выучить всё самому или пойти на курсы фронтенд-разработчиков.
Для тех, кому нужно полное погружение в профессию с поддержкой наставников, есть Яндекс.Практикум. Это не просто онлайн-курсы с готовыми вебинарами — это 10 месяцев полноценного обучения с практикой, тренажёрами, живыми наставниками и боевыми задачами.
Чтобы было заранее понятно, подходит вам эта профессия или нет, первые 20 часов учёбы в Практикуме — бесплатно.
С чего начать
Подписывайтесь на рассылку (если ещё не).
Приходите в Практикум и пройдите 20 часов полноценной учёбы и тренажёров бесплатно.
Курсы по программированию с нуля
Приходите к нам в ИТ. У нас есть удаленная работа, высокие зарплаты и удобное обучение в «Яндекс Практикуме». Старт бесплатно.
Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Источник: thecode.media