Фронтенд-разработчики
Frontend-разработчик – это специалист по созданию пользовательских интерфейсов сайтов, веб-приложений и интернет-сервисов. Он определяет функционал и внешний облик веб-ресурса, вносит оживление на страницы, добавляет на них переходы, всплывающие окна, выпадающие меню, анимацию и прочие интерактивные элементы. От него зависит, насколько корректно будет отображаться и работать сайт при его открытии в разных браузерах и с разных устройств.
Верстальщик — боец «малого» фронта. В его задачи входит сверстать макет дизайнера с помощью HTML и CSS. Верстальщики знают основы JavaScript, но это не главная технология для их работы.
Верстальщик может стать фронтендером, если расширит базу знаний. Тогда он уже не просто верстает макеты – такой специалист знает язык программирования JavaScript и надстройку TypeScript, разбирается во фреймворках и библиотеках и активно их использует на проектах, понимает серверную часть разработки. Если к этим навыкам добавить понимание UI/UX процессов, адаптивной верстки, кроссбраузерности и кроссплатформенности, а также мобильную разработку, то получаем сильного фронта, которые вывезет проект любой сложности.
Отличие frontend-разработчика, верстальщика и backend-разработчика
Рассмотрим подробнее, чем занимается frontend-разработчик, и сравним его со специалистами, с которыми его путают наиболее часто – с верстальщиком и backend разработчиком.
| Верстальщик | Frontend-разработчик | Backend-разработчик |
|---|---|---|
| Воплощает идеи веб-дизайнера путем разметки и написания программного кода сайта | Работает с клиентской частью веб-ресурса, отвечает за внешний вид и гармоничное распределение всех элементов | Обеспечивает функционирование внутренних механизмов сайта, невидимых для пользователя |
| Создает только осязаемую оболочку сайта на основе макета, разработанного веб-дизайнером | Занимается непосредственным программированием функционала сайта, «оживляет» компоненты интерфейса | Отвечает за корректную работу скриптов и баз данных на стороне сервера |
Обязанности frontend-разработчика
Обязанности frontend-разработчика обычно таковы:
- адаптивная и кросс-браузерная верстка сайтов;
- доработка существующих проектов, повышение их удобства;
- создание реактивных компонентов, написание скриптов;
- поддержка и развитие текущей архитектуры на основе виджетов и компонентов;
- разработка новых npm модулей для существующих приложений;
- работа в стеке React/Redux;
- проведение рефакторинга (улучшения и оптимизации кода) существующих проектов;
- поддержка ES5 проектов.
- разработка автотестов и исправление багов;
- взаимодействие с дизайнерами и разработчиками в формате Agile;
- разработка клиентской части сайтов на Angular (интернет-банк);
- разработка компонентов на Vue;
- автоматизация тестирования с использованием фреймворка JUnit;
- разработка и сопровождение сервисов, связанных с обработкой видео и распознаванием лиц.
Требования к frontend-разработчику
В базовые требования к frontend-разработчику входит:- знание языков JavaScript, HTML5, CSS3;
- умение проводить отладку JS кода;
- опыт адаптивной и кроссбраузерной верстки;
- понимание JS фреймворков (Angular2/ReactJS/jQuery /Node.js);
- умение работать с системами контроля версий (GIT и др.);
- владение инструментами сборки проектов (WebPack, Grunt или Gulp);
- владение навыками оптимизации загрузки веб-страниц;
- умение настраивать шаблоны CMS;
- знание пакетных менеджеров (npm, bower);
- понимание принципов проектирования.