Кто такой Frontend-разработчик: обзор IT-профессий

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

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

IT-индустрия очень разнообразна, и если вы только начинаете разбираться в тонкостях профессий, то будет полезно знать, что Front-end – это то, с чем пользователь взаимодействует на сайте.

Условно, у любой веб-страницы в браузере есть две составляющие:

• то, что пользователь видит (оформление, текст, интерактивные элементы);
• то, что пользователь не видит (взаимодействие с сервером, персонализация, performance-аналитика).

По своей сути, Front-end — это отображение пользователя контента/данных, полученных от сервера, обработка взаимодействия пользователя с этим контентом и передача данных от пользователя обратно на сервер.

Таким образом, Frontend разработчик – это ИТ-специалист, который ответственный за:

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

То есть, по сути, мы говорим о реализации UI/UX в web. Важной частью работы Front-end разработчика является оптимизация всех этих процессов с пользой для конечного пользователя: обеспечить скорость и плавность взаимодействия со страницей, трекинг действий, безопасность.

Что должен уметь frontend разработчик: плюсы и минусы профессии

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

Front-end разработчики нужны везде

Это очень большой плюс. Front-end не заканчивается на Front-end (простите за тавтологию). Используя один и тот же технологический стек, можно заниматься созданием одностраничных сайтов, динамических SPA, мобильных и десктоп-приложений, автоматизированным тестированием и т.д. 

Есть понятие «FullStack-разработчик». Раньше к нему относились крайне скептически. Только единицы могли хорошо усвоить JavaScript, HTML, CSS, и досконально знать Java, Python или PHP на Back-end. Как правило, это не укладывалось в одну голову. Сейчас FullStack-разработчики воспринимаются по-другому. Само понятие трансформировалось. Разработчик, владеющий JavaScript, может реализовать как Front-end, так и Back-end. Есть куда расти.

Даже если не идти в Back-end JavaScript, Front-end разработчик обязан знать, как устроен Back-end его программы/сервиса. Он должен, по меньшей мере, знать его структуру, разбираться в тонкостях получения/обработки/хранения данных на Back-end, элементарно понимать синтаксис языка, на котором написана серверная часть.

Фронтенд программист — это о постоянном обучении и усовершенствование скилла

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

Front-end очень динамичный

Если спецификации языков программирования в Back-end могут быть актуальны несколько лет, то у Front-end счет идет на месяцы или даже недели. Постоянно обновляются библиотеки, фреймворки. Сообщество генерирует сотни модулей и пакетов. Здесь овладел React с его экосистемой модулей, там разобрался в Angular — нужно идти дальше, учить что-то новое. Не успел Node.js стать в каком-то роде стандартом Back-end разработки на JavaScript, как появился и набирает обороты Deno. В этой связи Front-end разработчик должен углубляться в вопросы версионности приложения и его модулей, управления зависимостями, framework agnostic архитектуры. Этот круг вращается невероятно быстро.

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

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

Frontend: что нужно знать и какими Soft-skills обладать

Front-end разработчик – наполовину дизайнер и наполовину программист. У таких специалистов должно быть и креативное мышление, и структурное. Важно иметь вкус и уметь трансформировать его в определенный алгоритм, чтобы все было взвешено, четко и по пунктам.

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

В характере Front-end разработчика должна быть щепетильность. Придирчивость к деталям, внимательность к ним. Часто для дизайнера, отдающего в разработку макет, критически важно соблюсти толщину обводки кнопки с толщиной линий символов шрифта. Нужно уметь принимать вызов вместо «и так сойдет».

Очень важен навык коммуникации в команде. Front-end разработчик находится среди всех огней. С дизайнером необходимо обсудить детали макета, с PM-ом определиться с терминами, задать вопросы по бизнес-логике. Выяснить у Back-end разработчика, какие параметры запросов передавать, какая структура данных будет использоваться. Уточнить в QA, как они воспроизвели баг во время масштабирования на мобильном девайсе. Запросить у аналитика данные по версиям браузеров. Узнать мнение performance-инженера, почему произошла просадка TTI метрики. Важно быть коммуникабельным.

Что должен знать Frontend: hard-skills

Front-end разработчику следует понимать, как работает web, что такое http, что такое сервер, как идет на него запрос из браузера и как он возвращается к пользователю. Облака, CDN, кэширование и т.д.

Основные hard-skills:

1. Знание JavaScript.
2. Понимание системы контроля версий. 
3. Инструменты упаковки приложений. 

Что должен знать junior frontend: несколько советов для начинающих

Главное, не теряйтесь. Сначала нужно учить базовый JavaScript, разработать на JavaScript небольшое приложение, споткнуться обо все подводные камни, написать на том же JavaScript тесты, покрывающие основной функционал приложения, копнуть в профилировщике в Chrome, и тогда будет более или менее понятно, как все работает. Таким образом, легче структурировать знания.

Обязательно учите английский – всемирно признанный универсальный язык в сфере разработки ПО. Учить его нужно JavaScript и другим языкам программирования. Все операторы, методы и функции JavaScript — понятны слова английского языка; по их названию понимаешь, для чего они и в каких случаях используются. 

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

Напоследок немного оптимизма – на сегодняшний день Front-end остается направлением с самым низким порогом входа в разработку.