Frontend

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

Заказать консультацию >

Именно от фронтендщика зависит логичная работа всех компонентов интерфейса сайта и верное отображение контента, кнопок, навигации и остальных элементов. Фронтенд-специалист интегрирует с сайтом некоторые из сторонних сервисов, например, Optimizely и AdWords. 


Обязанности

  • Кроссбраузерная верстка страниц  —  создание их структуры и визуального оформления
  • Написание скриптов, программирование интерактивных элементов на страницах
  • Рефакторинг существующих проектов
  • Покрытие тестами фронтенд кода
  • Оптимизация кода для быстрой загрузки страниц
  • Обеспечение валидации данных перед передачей на бэкенд
  • Участие в разработке библиотеки компонентов, при необходимости
  • Консультирование UX/UI дизайнеров в вопросах технической осуществимости (сложности) идей и концепций.

Скиллы

  • Обязательный пакет HTML (HTML5, спецификации W3C и WHATWG), CSS, JavaScript (ECMAScript 6)
  • Фреймворки и библиотеки JavaScript (jQuery, React.js, Backbone.js, Angular.js) и CSS фреймворки (например, Bootstrap) 
  • Препроцессоры CSS (Sass, Less, Stylecow), в некоторых случаях — сборщики CSS (Grunt, Gulp)
  • Методы и киты для структурирования CSS-кода (OOCSS, BEM, SMACSS)
  • Системы контроля версий (Git (чаще всего), CVS, Mercurial или другие)
  • Инструменты дебаггинга
  • Дополнительные языки (TypeScript, CoffeeScript)


Еще frontend developer должен уметь работать с REST API. Обычно нужно знать в общих чертах, как работает бэкенд. Плюсом будет понимание принципов UI/UX-проектирования и SEO-оптимизации. Желательно разбираться в популярных CMS (WordPress, Joomla, Drupal).

Вопросы

INDIGO Tech Recruiters подготовили ответы на распространенные вопросы о Frontend developer. Если вас интересует дополнительная информация, пишите нам.

1.Чем frontend developer отличается от верстальщика?

Задача верстальщика — создать на основе готового дизайна структуру страницы и стилизовать ее при помощи CSS. Frontend developer, как минимум, знает еще и JavaScript с необходимыми фреймворками и создает интерактивные элементы на сайте. В целом, у фронтенд-разработчика гораздо больше навыков и шире сфера ответственности. Верстальщик может со временем «вырасти» в фронтендщика, но сходу полноценно выполнять обязанности коллеги не сможет.
Чтобы сделать простой сайт, используя шаблонную тему и WordPress, разработчик не нужен. Вакансия разработчика WordPress чаще всего подразумевает, что нужно будет создавать темы и плагины.
Хотя HTML, CSS и JavaScript — три столпа фронтенда, но обязательно нужно уметь пользоваться библиотекой jQuery. Как правило, требуют и знание CSS-препроцессоров LESS/SASS.
Составьте вакансию со списком актуальных для вашего проекта задач и необходимых навыков. Разместите ее на сайте вакансий и в профильных Telegram-каналах для IT-специалистов. Такой способ подходит, чтобы найти Junior-специалиста, с меньшей вероятностью — уровня Middle. Опытные специалисты редко находятся в активном поиске работы. С ними нужно знакомиться через LinkedIn и находить способы заинтересовать. Если вам нужен опытный фронтендщик — лучше доверить поиск профессиональному рекрутинговому агентству.