Хто такий Frontend розробник та чим займається?

Згідно з щорічним дослідженням StackOverflow, одна з найпопулярніших професій серед користувачів сервісу в 2022 році — фронтенд-розробник.
Згідно з щорічним дослідженням StackOverflow, одна з найпопулярніших професій серед користувачів сервісу в 2022 році — фронтенд-розробник.

Якщо зайти на перший сайт з пошуку роботи, наприклад, на work.ua, складається враження, що фронтенд-розробник - це спеціаліст-хамелеон.

Починається все з плутанини в назвах вакансій: можна зустріти і "front-end developer", і "front end розробник", і "фронтендник", і "фронтенд девелопер", і "web developer", і "фронтенд-розробник". Іноді навіть можна побачити "веб-верстальника" з вимогами під фулстак-розробника. Реакція на це одна: WTF?

Погано те, що частину роботодавців не відрізняють (або не хочуть відрізняти) верстальника від фронтенд-розробника, — це зрозуміло за описом вакансій.
Хочеш стати Front-end розробником?
Відкрита реєстрація на курс →
Розберемося, які вміння відокремлюють фронтенд-розробника від «верстата» (верстальники, не ображайтеся, ви теж добрі).

Верстальник - боєць вузького фронту. Його завдання – згорнути отриманий від дизайнера макет, використовуючи HTML+CSS. Він, можливо, трохи вміє у JavaScript, але частіше обмежується вмінням прикрутити якийсь плагін jQuery.

Фронтенд-розробник не просто верстає макети. Він добре знає JavaScript, знається на фреймворках і бібліотеках (і активно юзає частину з них), розуміє, що знаходиться «під капотом» на серверній стороні. Його не лякають препроцесори та збирачі LESS, SASS, GRUNT, GULP, він вміє працювати з DOM, API, SVG-об'єктами, AJAX та CORS, може складати SQL-запити та копатися у даних.

Виходить збірна солянка навичок, до яких додається розуміння принципів UI/UX-проектування, адаптивної та чуйної верстки, крос-браузерності та крос-платформенності, а іноді й навичок мобільної розробки.

Фронтендщик в обов'язковому порядку вміє працювати з контролем версій (Git, GitHub, CVS і т. д.), використовувати графічні редактори, грати з шаблонами різних CMS.
Отже, які технології має освоїти фронтенд-розробник:
  • HTML та CSS - досконало;
  • препроцесори CSS (Sass, Less, Stylus тощо);
  • JavaScript;
  • популярні фреймворки та бібліотеки: jQuery, Angular.JS, React.JS, Backbone.js та інші;
  • OOCSS/BEM/SMACSS;
  • SVG;
  • DOM;
  • HTML5 API;
  • ECMAScript 6;
  • популярні CMS (WordPress, Drupal, Joomla тощо);
  • розуміти принципи побудови бекенда та розбиратися в серверних технологіях - наприклад, Node.js, PHP, Ruby, .NET;
  • Інструменти дебаггінгу (Chrome Dev Tools, Firebug та інші);
  • JavaScript транспайлер (Babel);
  • інструменти контролю версій (Git, GitHub, CVS тощо);
  • бази даних та мови запитів (SQL, MySql, NoSQL, MongoDB та інші);
  • графічні редактори (Photoshop, Illustrator та інші).
У чому повинен розумітися:
  • крос-браузерна та крос-платформна розробка;
  • прогресивне поліпшення та витончена деградація;
  • мобільна технологія;
  • адаптивна верстка;
  • веб-шрифти;
  • принципи SEO оптимізації.

Звісно, це все в ідеалі. Не обов'язково досконально знати всі ці технології — це під силу далеко не кожному, та й недоцільно. Краще вибрати собі стек навичок до душі та розвиватися у вужчому напрямку.

Налаштований серйозно? Чекаємо на курсі Frontend Developer →

Вагаєшся? Тобі на безкоштовний курс основи фронтенд розробки →

Забронюй місце в групі та отримай вступні уроки безкоштовно!

Для того, щоб отримати актуальну інформацію про умови навчання, ціни і т.д., залиши заявку. Найближчим часом з тобою зв'яжеться наш менеджер, щоб відповісти на запитання.
Сформуємо цілі
Визначимо рівень знань
Розповімо про навчальну платформу