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 і знаходити способи зацікавити. Якщо вам потрібен досвідчений фронтендник – довірте пошук професійному рекрутинговому агентству.