Senior frontend developer кто это

Senior frontend developer кто это

Согласно ежегодному исследованию StackOverflow, самая популярная профессия среди пользователей сервиса в 2017 году — это Web developer. Целых 72.6%! Web developer, Front-end developer, Client-side developer — суть одна, эти разработчики занимаются версткой шаблонов сайта и созданием пользовательского интерфейса.

В каждой компании есть свои грейды разработчиков, бывает такое, что в одну компанию кандидат проходит на позицию middle, в другую — на позицию senior. На просторах интернета есть много споров по поводу отличий этих двух позиций. С этой проблемой мы обратились к Андрею Яманову, который занимается web-разработкой в компании Skyeng .

Я выделяю три основных пункта, которые отличают senior-разработчика от middle:

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

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

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

По факту же часто получается, что занимаемая должность не соответствует реальным навыкам. Это связано с огромным спросом на senior-разработчиков, который во многом вызван ошибочным представлением работодателей о необходимых им компетенциях. Например, считается, что руководитель команды разработчиков (или просто основной разработчик в маленькой компании) обязательно должен иметь компетенцию senior-разработчика, хотя для многих проектов подойдет и средний разработчик с хорошими навыками менеджмента или смекалкой. Спрос неминуемо рождает предложение, независимо, адекватен он или нет.

Прежде всего стоит уточнить у руководителя отдела, что важно для этой позиции? На это нужно будет обратить особое внимание при общении с кандидатами. Ниже — небольшой список вопросов для знакомства с senior front-end разработчиком для рекрутеров и HR специалистов. Обращаем внимание, что это не технические вопросы, а вопросы для предварительного знакомства. Они были составлены с ex-руководителем отдела разработки компании Superjob , Игорем Федосеевым.

По каждому месту работы или последним трём:

• Как вы попали в компанию Х? Из каких компаний выбирали? Каковы были основные критерии выбора компании?
• В каком состоянии был проект на момент вашего прихода? Как изменился проект за время работы, как на это повлияли вы?
• Как был устроен процесс разработки? Тестирование? Деплой?
• Какие специалисты входили в команду, как распределялись обязанности внутри команды? Чем ваши задачи senior разработчика отличались от задач middle разработчика?
• Какие инженерные практики использовались в разработке: code-review, tdd, unit-тесты. Какие инструменты для этого использовались?
• Какие задачи решали?
• Как бы сейчас решили подобную задачу?
• Что исследовали, что внедряли?
• Решали ли задачи на построение архитектуры? Какие именно?
• Решали ли задачи по оптимизации? Что и как оптимизировали?
• Какой стек технологий использовался? Кто и как выбирал стек?
• Участвовали ли в проектировании api? Какие инструменты использовали для документации api, моков?
• Приведите пример самой интересной задачи.
• Приведите пример самой сложной задачи.
• Чему научились за время работы?
• Какие бы выделили достижения за время работы?

Дальше рекомендуем узнать:

• Критерии выбора нового места работы?
• Чем заинтересовала компания работодателя?

Большую часть вопросов можно отнести к front-end разработчику любого уровня.

Frontend-разработчик

• #Frontend-разработчик

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

О профессии frontend-разработчика рассказывает Александр Юдин, главный инженер Сбера по разработке.

Уровень зарплат frontend-разработчика

Зарплата зависит от сферы, профессиональных умений и опыта работы. На сайтах по поиску работы в Москве предлагают:

• от 45 тыс. до 70 тыс. рублей начинающим специалистам;
• от 90 тыс. до 200 тыс. на уровне middle (обычно от трех-пяти лет опыта);
• до 350 тыс. рублей на позиции senior.

Чем занимается frontend-разработчик в течение рабочего дня

• верстка приложения с помощью HTML/CSS;
• разработка логики компонента или приложения;
• продумывание архитектуры приложения;
• поиск и оценка решений;
• чтение документации (в том числе на английском);
• рефакторинг и оптимизация текущего функционала;
• настройка и оптимизация сборки проекта;
• верстка email;
• другие задачи.

Кроме этого, в течение дня frontend-разработчик может участвовать во встречах с дизайнерами, бэкенд-разработчиками, product manager/product owner и другими членами команды.

Что нужно знать и уметь, чтобы быть успешным в профессии фронтенд-разработчик

Хорошее знание основ HTML5, CSS, Javascript. Также желательно небольшой опыт работы с CSS препроцессорами: SCSS, Stylus, postCSS или аналоги. Работа с популярными фреймворками вроде React, Angular, Vue, Svelte будет дополнительным плюсом. Понимание REST также дополнительный плюс.

«Работая frontend-разработчиком нужно будет постоянно учиться и развиваться, общаться с коллегами и клиентами. Пригодятся и навыки критического мышления, внимательность к деталям и обостренное чувство прекрасного», — делится своим опытом Александр.

Где учатся на фронтенд-разработчика

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

Если нет понимания, как учиться самостоятельно, можно пойти на online интенсивы — Htmlacademy, Skillbox, Geekbrains, Hexlet, learn.javascript.ru и другие. На таких курсах информация дается структурированно. Обычно на интенсиве есть проект, который позволяет разобраться в теме от самых основ до конечного продукта. Такой проект можно добавить в резюме, если вы новичок. На курсах есть преподаватели и наставники, которые помогают в реализации той или иной задачи.

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

Карьерный рост веб-разработчика

В IT можно быстро расти по карьере. Сначала вы новичок, а через год-два вы уже можете стать middle-разработчиком.

Есть разные варианты роста:

• Первый — техническая сторона, можно расти как разработчик и решать все более сложные задачи, разбираться в узких специальностях и спецификах.
• Второй — расти в Team Lead или Архитектора. У такого специалиста появляются другие задачи, связанные с разработкой, управлением проектом и персоналом. Так можно дорасти до технического директора.
• Третий — уйти в project manager/product owner. У вас будет опыт разработки, но нужно дополнительно приобрести навыки управления командой и проектом.

Что важно знать о профессии перед трудоустройством

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

Что должен знать и уметь frontend-разработчик, чтобы быть востребованным в 2024 году

Алексей Павлов Старший frontend-разработчик в H&M

Востребованный frontend сегодня — это не просто человек, который умеет писать чистый код на современном фреймворке, а в первую очередь участник продуктовой команды, вникающий в процессы, хорошо знакомый с продуктом и целями компании. А еще он готов выходить из зоны комфорта и расти профессионально. Поговорили с Алексеем Павловым, Senior Frontend developer at H&M, о том, какими хард- и софт- скиллами должны обладать frontend-разработчики в 2024 году.

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

В связи с общемировым кризисом сейчас более востребованы универсальные разработчики, сфера компетенций которых не заканчивается только созданием frontend. Многие проекты ищут не просто frontend-разработчиков, скиллы которых ограничены написанием SPA (от англ. Single Page Application — одностраничное приложение, для работы которого не нужно обновлять страницу, т.к. все данные загружаются при помощи скриптов), но людей с более широким кругозором.

Освойте профессию «Frontend-разработчик»
Frontend-разработчик

Научитесь создавать удобные и эффектные сайты, сервисы и приложения, которые нужны всем. Сегодня профессия на пике актуальности: в России 9000+ вакансий, где требуется знание JavaScript.

Профессия / 9 месяцев
Frontend-разработчик
Создавайте интерфейсы сервисов, которыми пользуются все
2 374 ₽/мес 4 317 ₽/мес

• настраивать окружение — самостоятельно готовить компьютер к работе, устанавливать все необходимые программы, чтобы локально запускать рабочее приложение;
• делать деплой проекта — размещать исполняемый код на сервере, где он будет работать. Это последний шаг разработки;
• настраивать CI/CD (от англ. Continuous Integration, Continuous Delivery) — процесс безостановочной сборки и доставки кода до различных сред;
• брать на себя базовые задачи backend-разработчика.

То есть задачи постепенно становятся похожи на то, чем занимаются fullstack-инженеры. И в названии вакансии с фронтовым стеком все чаще можно встретить просто Software Engineer.

Узнайте больше о профессии в нашем карьерном гиде. Ссылка в конце статьи.

Станьте Frontend-разработчиком
и создавайте интерфейсы сервисов, которыми пользуются все

Какие навыки нужны, чтобы хорошо зарабатывать?

В России для новичка зарплатная вилка 80–120 тыс. рублей, но сейчас сложно оперировать какими-то цифрами.

Одно дело — востребованность на рынке труда, когда вы только ищете работу. И другое — востребованность уже на конкретном проекте. В первом случае вас в основном оценивают по хард-скиллам. Для разработчиков всех уровней основной мастхэв неизменен: хорошее знание JS (JavaScript) и популярного JS-фреймворка. На сегодня самым популярным остается React. Хорошо бы знать TypeScript (язык программирования, который расширяет возможности JavaScript), иметь опыт работы с дизайн-системами, CSS-фреймворками.

Если вы только начинаете свой карьерный путь, то вот пример хорошей дорожной карты:

Стек сильно меняется от проекта к проекту. Далеко не обязательно знать все технологии, которые используются на проекте. Продемонстрируйте готовность и желание быстро их изучить и вникнуть. Если на проекте требуется, например, SSR (англ. Server Side Rendering — технология для рендеринга страниц на стороне сервера) или GraphQL (язык запросов к API-интерфейсам, отображает предоставляемые сервером данные, чтобы клиент выбрал то, что нужно), а вы никогда с ними не сталкивались, можно хотя бы посмотреть видео об их использовании и поиграться с ними в песочнице (специально выделенной изолированной среде для безопасного исполнения компьютерного кода).

Хорошие проекты часто включают в этап отбора кандидатов техническое интервью/онлайн-ассессмент/лайфкодинг, где пригодится знание алгоритмов, структур данных. Хотя в реальных задачах frontend встречает что-то такое редко, на отборе часто хотят увидеть подобные скиллы. Стоит потренироваться и прорешать хотя бы 10–20 таких задачек на codewars.com и аналогичных площадках. Другой хороший способ — взять какую-то библиотеку, например Lodash, и самостоятельно реализовать ее методы для массивов/объектов.

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

Отличный показатель, если кандидат вырос в должности на своем месте работы. Например, из мидла стал сеньором, из сеньора — техлидом/тимлидом. Это отличная характеристика вас как профессионала.

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

Какие софт-скиллы востребованы сейчас:

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

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

Коммуникации. Умение выстраивать отношения с коллегами, делиться опытом, наработками (например провести воркшоп для коллег), правильно преподнести свои идеи, давать полезный фидбэк. Многие компании могут даже на этапе собеседования спросить пример недавно данного фидбэка коллегам/компании в целом. Из личного опыта — для улучшения навыка коммуникации могу посоветовать книгу М. Розенберга «Ненасильственное общение».

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

Проактивность. От разработчика ждут активного участия во всех этапах разработки продукта на встречах с коллегами, особенно если речь идет об обсуждении процессов в команде или новых фич для реализации. Часто просто сделать «как было написано в задаче» недостаточно. Нужно хорошо представлять, какие еще части продукта это может затронуть, предложить какие-то решения или идеи на этот счет, предупредить о возможных ошибках в других частях приложения, предложить более толковые с точки зрения UI/UX решения.

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

Полезно позаниматься с индивидуальным ментором с хорошим опытом. Он поможет объективно оценить уровень, подскажет, где есть пробелы. Для насмотренности как минимум нужно делать ревью кода коллег. А еще:

• читать профильные ресурсы: Хабр, DEV Community, Medium;
• смотреть обзоры новых библиотек для фреймворка, с которым работаете;
• посещать конференции, чтобы быть в курсе тенденций;
• подписаться на блоги экспертов. Я подписан на Дэна Абрамова и Вадима Макеева.

Кто такой frontend-разработчик, что делает и где работает

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

Кто такой frontend-разработчик и в чем отличия от программиста на backend

Frontend-разработчик – это программист, который занимается созданием и техподдержкой пользовательского интерфейса сайта или веб-приложения. Если объяснять простыми словами, то фронтенд – это внешняя часть, которая видна посетителям: меню, текст, изображения, карточки товаров, формы, кнопки, динамические слайды, анимация и пр.

В разработке есть 2 стороны – клиентская (frontend) и серверная (backend). В таблице собраны основные отличия этих направлений:

Специальность	Фронтенд	Бэкенд
Задачи	Создает и программирует внешнюю часть сайта, с которой контактируют пользователи – макет страницы, кнопки, поля, онлайн-заявки и пр.	Программирует серверную часть сайта – внутренние процессы, архитектуру, логику, хранение и передачу данных
Языки программирования, которые применяются в разработке	Javascript	Python, PHP, Java, C++, Go и др.
Порог входа в профессию	Средний	Высокий
Что создает разработчик	Сайты, интернет-магазины, маркетплейсы, мобильные и веб-приложения	Сайты, интернет-магазины, веб-сервисы, мобильные приложения, компьютерные программы, нейросети

Чем занимается

Главная задача фронтендера – создать сайт или программу, которая будет функциональной, понятной, удобной для пользователей. Расскажем подробнее, чем именно занимается frontend-разработчик:

• Создает внешнюю часть сайта или веб-приложения с нуля – проектирует архитектуру, верстает, добавляет текст, изображения, кнопки и пр.
• Программирует, чтобы страницы были интерактивными и работали внутренние ссылки.
• Тестирует проект на всех этапах разработки, ищет и устраняет баги.
• Делает так, чтобы веб-страницы корректно открывались на всех устройствах, браузерах и операционных системах.
• Сотрудничает с другими специалистами – веб-дизайнером, бэкенд-разработчиком, SEO-специалистом, веб-мастером и др.

Подборка курсов Все онлайн-курсы по Frontend-разработке в 2024 году
Посмотреть подборку

Фронтендер — это верстальщик?

Верстальщик и frontend-программист – это 2 разных специалиста. Первый занимается только версткой по макету, полученному от веб-дизайнера. Он оформляет внешний вид страницы, создает ее структуру, блоки, элементы, отступы с помощью тегов – специальных символов на языке разметки HTML. А также он работает над стилем, цветом, шрифтом с использованием CSS.

Функционал программиста гораздо шире – он пишет код, чтобы веб-страницы были динамичными. Опытный разработчик может самостоятельно и сверстать, и запрограммировать сайт. Верстальщику достаточно освоить графические редакторы, HTML, CSS и основы кроссбраузерной верстки. Фронтендер, помимо этого, знает Javascript, ООП, базы данных, HTTP/HTTPS.

Что должен уметь фронтенд-разработчик

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

• Методологии верстки, HTML и CSS.
• Язык программирования Javascript.
• Библиотеки jQuery, React и фреймворки Vue, Angular.
• Популярные CMS – WordPress, Битрикс, Modx и др.
• Система управления версиями Git и сервис GitHub.
• Общие представления о backend-разработке, базах данных и языке запросов SQL.
• Навыки проектирования архитектуры веб-приложения.
• Photoshop для разделения на части макетов от веб-дизайнера.
• Основы UI/UX-дизайна и юзабилити.
• Принципы кроссбраузерной и адаптивной верстки.
• Английский на уровне чтения технической документации.

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

Junior

Junior frontend-разработчик – это начинающий специалист с опытом до 1 года. Он может самостоятельно сверстать макеты, написать простой код на Javascript.

Особенности работы джуниор-программиста:

• Он решает только простые или типовые задания и не участвует в разработке крупных проектов.
• Его контролирует более опытный наставник, который обязательно проверяет написанный код.
• Главная задача джуна – повышать уровень квалификации, больше практиковаться, заниматься самообразованием и изучать расширенный синтаксис Javascript.

Middle

Мидл-программист – это специалист со стажем от 2-3 лет, который имеет опыт самостоятельной разработки. Он может с нуля создать многостраничный сайт или интернет-магазин.

Особенности работы фронтенд-разработчика уровня middle:

• Без помощи наставника решает задачи любой сложности, пишет код, который соответствует стандартам программирования и не нуждается в ревью.
• Знает углубленно Javascript, библиотеки, фреймворки и другие технологии – JSX, AJAX, React, Flexbox и пр.
• Может участвовать в командной разработке и имеет общие представления о бэкенде.

Senior

Senior frontend-разработчик – это профессионал с опытом от 5-6 лет, который свободно владеет React, Vue.js или Angular, умеет писать код для высоконагруженных систем и юнит-тесты, имеет базовые знания в бэкенде.

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

Востребованы ли фронтендеры

По данным HR-портала HeadHunter, уровень конкуренции во frontend-разработке ниже, чем в других отраслях. По статистике, на 1 вакантное место претендуют 4-5 кандидатов. Для сравнения в других профессиях этот показатель выше: от 7 до 10 резюме на одно предложение.

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

Мы изучили информацию на ХедХантере – на текущий момент опубликовано более 3500 актуальных вакансий для frontend-разработчиков. Из них более 200 – это должности без требований к опыту. Многие компании готовы трудоустраивать и обучать новичков.

Еще почти 1500 объявлений – вакансии с возможностью работать удаленно или в гибком графике. То есть при желании можно найти высокооплачиваемую работу в другом городе, например, в Москве или Санкт-Петербурге.

Место работы

Перечислим отрасли, в которых может работать фронтенд-программист:

• IT-компании, занимающиеся коммерческой разработкой сайтов, приложений, ПО, корпоративных сервисов, CRM и пр.
• Ритейл, интернет-магазины, маркетплейсы.
• Финансовый сектор, банки, платежные системы.
• Онлайн-образование.
• Государственные учреждения.
• Развлекательные сервисы и сфера услуг.

Например, на сайте HeadHunter мы нашли вакансии от таких крупных работодателей, как Сбер, Тинькофф, ВТБ, More.tv, Skyeng, Яндекс, Mail Group и др.

Перспективы профессии frontend-разработчика

В профессии frontend-разработчика есть следующие перспективы:

• Движение по карьерной лестнице в IT-компании. Вы можете повышать квалификацию сначала до уровня middle, а затем до senior-специалиста. За 5-6 лет практики можно добиться высокооплачиваемой должности, например, team lead или технического директора.
• Переход в fullstack-разработку. Вы можете изучать backend, чтобы стать универсальным и востребованным программистом.
• Открытие собственного бизнеса, например, ИТ-агентства или digital-студии.
• Переезд за границу, например, в Кремниевую долину, или поиск вакансий в международных компаниях.