Саме від фронтендника залежить логічна робота всіх компонентів інтерфейсу сайту і правильне відображення контенту, кнопок, навігації та інших елементів. Фронтенд-фахівець інтегрує з сайтом деякі зі сторонніх сервісів, наприклад, 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).