> ## Content Index > Fetch the complete content index at: https://admin.kod.ru/llms.txt > Use this file to discover other available public pages before exploring further. # Фронтенд-разработка: чем занимаются и сколько зарабатывают специалисты - URL: https://admin.kod.ru/frontend-razrabotka-chem-zanimaiutsia/ - Published: 2024-05-22T13:00:00.000Z - Updated: 2024-05-23T07:15:03.000Z - Description: Разбираем базовые вопросы для тех, кто планирует стать фронтенд-разработчиком. - Author: Газпромбанк - Tags: Блоги Профессия фронтенд-разработчика сейчас в числе самых востребованных в IT. Для тех, кто хочет вкатиться в сферу, разобрали основные вопросы и рассказали, на что стоит обращать внимание начинающим специалистам. ### Чем занимаются фронтенд-разработчики Фронтенд-разработчик пишет интерфейс — ту часть сайта или приложения, с которой взаимодействуют пользователи. Задача специалиста — сделать его максимально понятным и комфортным для них. Фронтендер отвечает за то, чтобы все элементы интерфейса были на своих местах и работали как надо: меню, кнопки и формы обратной связи, корзины, карточки товаров (и это далеко не весь список). ### Какие навыки нужны специалистам Самый распространенный список хард скиллов выглядит так: - HTML — формирование структуры страницы; - CSS — добавление цветов, позиционирование элементов, анимации и прочее. - JavaScript и TypeScript — добавление «интерактивности», элементов, которые решают задачи пользователя прямо в браузере. - фреймворки, например, React или Vue — разработка полноценных веб-приложений. Еще фронтенд-разработчику нужны софт-скиллы. Среди них умение копать вглубь, разбираться в сути задач как с точки зрения бизнеса, так и пользователей и умение работать в команде. ### Важнейшие навыки — умения общаться и вставать на место пользователя Комфорт пользователя при работе с интерфейсом — одна из важнейших составляющих общего впечатления о продукте. И чтобы его обеспечить, фронтенд-разработчику нужны в первую очередь не технические навыки, а умение проявлять эмпатию, вставать на место пользователя, понимать его потребности. И только когда эти потребности четко сформулированы, можно переходить к коду. > Чтобы создать максимально комфортное приложение, потребуется работать вместе с дизайнерами, аналитиками, бэкенд-разработчиками, тестировщиками и другими участниками команды. Можно поискать хорошие решения у коллег по цеху. > > Фронтенд — достаточно открытая сфера, и многие разработчики с радостью делятся своими решениями в статьях и докладах. Или даже выкладывают исходный код проектов на GitHub. ### Еще нужно постоянно быть в курсе изменений Фронтенд — относительно молодая и стремительно развивающаяся сфера, в которой регулярно появляются новые технологии и практики. И требования к специалистам очень зависят от трендов и потребностей аудитории. Например, когда-то сайты были простыми, легковесными страницами. Для их разработки использовали HTML, CSS и немного JavaScript-кода. Но требования к интерфейсам росли, больше логики переносилось на клиентскую часть — доля JS начала расти и появились фреймворки, которые помогали делать самостоятельные веб-приложения. В процессе выросло время загрузки сайта, поскольку загрузка и выполнение JavaScript-кода гораздо дороже для браузера, чем работа со статическим HTML. Чтобы вернуть время до показа пользователю контента к прежним показателям, возникла техника SSR (Server Side Rendering), которая позволяет выполнить большую часть логики формирования интерфейса на сервере. Она оказалась особенно актуальна для сайтов, на которых пользователь в первую очередь получает какую-либо информацию, а не взаимодействует с интерфейсом: сайты со статьями и новостями, лендинги и так далее. И появились метафреймворки (например, Next.js). Они позволили структурировать код так, чтобы в браузер отправлялось минимальное количество JavaScript при той же функциональности. В противовес появилась технология PWA (Progressive Web Application), которая оказалась полезна сложным интерактивным приложениям (приложения банков, графические редакторы или интернет-магазины). Она позволила устанавливать веб-приложения на смартфоны или планшеты и пользоваться ими вне браузера, порой даже без интернета. ### Сколько зарабатывают фронтендеры По данным «Хабр Карьеры» зарплаты фронтенд-разработчиков составили в среднем 150 тысяч. Джуниоры в России в среднем получают 60 тысяч, специалисты уровня мидл — 150+ тыс. руб. в месяц, а сеньоры — 280+ тыс. руб. Стажеры получают около 40 тысяч. > Зарплата сотрудника в любой компании будет зависеть от того, насколько быстро и качественно будет решать потребности бизнеса, в том числе — взаимодействовать с клиентами. ### Куда можно расти Из фронтенда можно вырасти в другие специальности — не особо меняя стек технологий. Например, если перейти с React DOM на React Native, можно перейти с фронтенда в мобильную разработку. И не нужно учить новый язык и кардинально менять навыки. А JavaScript используют везде: программирование микроконтроллеров и роботов, создание мобильных приложений и игр, даже анимация и создание видеоконтента. ### И пара советов напоследок 1\. Слушайте тематические подкасты, например: - [«Веб-стандарты»](https://web-standards.ru/podcast/?ref=admin.kod.ru) — здесь обсуждают тренды, актуальные технологии. Это мастхэв для фронтенд-разработчика. - [«Подлодка»](https://podlodka.io/?ref=admin.kod.ru) — про IT целом. Очень полезен, чтобы расширить кругозор. 2\. Посещайте профильные конференции и митапы: [HolyJS](https://www.youtube.com/@HolyJS?ref=admin.kod.ru);[ Frontend Conf](https://www.youtube.com/watch?v=IfhNItY%5FAEA&ref=admin.kod.ru);[ Я 💛 Фронтенд](https://www.youtube.com/@YandexforFrontend?ref=admin.kod.ru). 3\. Читайте тематические ресурсы: - Популярный в русскоязычном сегменте [Habr](https://habr.com/?ref=admin.kod.ru). - [dev.to](https://dev.to/?ref=admin.kod.ru) — похожий на Хабр англоязычный ресурс. - [Дока](https://doka.guide/?ysclid=lqfyk45ffr573948812&ref=admin.kod.ru) — русскоязычная энциклопедия про веб-технологии. Весь контент и исходный код есть в открытом доступе на GitHub и поддерживаются сообществом. Так что любой может внести свой вклад в ее развитие. - [MDN](https://developer.mozilla.org/ru/?ref=admin.kod.ru) — справочник преимущественно на английском языке. Русскоязычная версия обновляется с задержкой, поэтому советуем прокачать язык. 4\. Проходите профессиональное обучение. Могу посоветовать курс [«Профессия Фронтенд-разработчик»](https://skillbox.ru/course/frontend-developer/?ref=admin.kod.ru), который мы делали вместе со Skillbox. 5\. Пользуйтесь интерфейсами, которые создавали другие разработчики, и черпайте вдохновение из них.