Front-end веб-разработка

Front-end или FE-разработка – методика, подход к модификации (графовой, интерфейсной) данных с применением HTML-, CSS-, JS-средств с целью стимулировать обработку (просмотр) данных пользователями.

19 октября 2020

Что такое, кто такой?

FE-разработчик занят кодированием интерфейса сайта, его внутреннего (ориентированного на пользователя) веб-дизайна и внешнего (ориентированного на сети) интерфейса. Из целей следует, что комфортный («юзабилистый») сайт создает не только дизайнер и программист, но и «фронтендер», который связывает их в систему, объединяя полезность серверной подсистемы с комфортом пользовательским. Файлы веб-макета преобразуют в HTML (JS, CSS) – от контента до навигации (кнопок) – все, что «видите, щелкаете, извлекаете». Творческий процесс, требующий компетенций, опыта, оперативности, внимательности, учета платформы и кросс-браузерности.

Обязанности

Обычно обязанности FE-разработчика включают обеспечение:

  • пользовательских навыков и опыта тестирования;
  • процедур HTML (CSS, JS);
  • интерфейса, взаимодействий в известных браузерах;
  • мобильности и/или адаптивности дизайна и др.

Последнее весьма важно, ведь многие разрабатывают отдельно мобильную версию. Или адаптивная версия, которая также должна отображаться кросс-браузерно на разных платформах.
FE-разработка все это учитывает, достигая производительности и юзабилити. Производительностью определяется рендеринг-время, манипуляции HTML (CSS, JS) оперативного открытия веб-страницы.

Релевантный инструментарий

FE-разработка применяет не только графический дизайн, но и редакторы кода. Первый инструментарий полезен для прототипирования, финишного дизайна. Разработчик внешнего интерфейса старается применить различные инструменты прототипирования (Balsamiq, PhotoShop и др.). FE-разработчик использует часто профессиональный пакет Photoshop, Illustrator и др., а также интегрированный многофункциональный редактор (IDE), в частности, Eclipse, VisualStudio и др. Инструментарий – выбор самого разработчика, хотя и нет идеальных, он все же отвечает за реализуемость. Например, может активировать AJAX, извлечь контент независимо от «исходника» веб-страницы, но добавляя ей динамичности. Или применить WebAssembly – альтернативу JS запуска кода в браузере (без плагинов). FE-разработчик учитывает, что веб-программисты в WebAssembly не программируют (напрямую), а используют C ++ и другие языки.