Світ веб-розробки ділиться на два клани: front-end і back-end. Якщо ви хочете Створювати сайти і веб-додатки, то в певний момент потрібно буде зробити вибір і піти одним шляхом. Звісно, ви можете стати і full-stack девелопером, але краще спеціалізуватися і бути найкращим у своїй справі.
Хто такий front-end розробник?
Різниця в тому, що код фронтенда взаємодіє з користувачем, а код бекенда - з даними на сервері. Front-end розробник займається не тільки версткою, а й більш глобальними речами, пов'язаними з сайтом і веб-додатком. Це свого роду універсальний солдат, який знається, окрім усього іншого, на бібліотеках і фреймворках JavaScript, препроцесорах і фреймоврках CSS, а також технологіях бекенду, юніт-тестуванні.
Чим займається front-end розробник
Frontend розробник повинен вміти зверстати макет, побудувати веб-додаток, не боятися серверної частини сайту, а також розробити користувацький інтерфейс, впровадити в нього скрипти.
З чого почати?
Для того, щоб стати фронт-енд-розробником, потрібно вивчити:
- HTML+CSS
Саме ці мови відповідають за те, який вигляд сайт матиме в браузері. Вивчити їх можна самостійно за допомогою інтернет-ресурсів. Головне - одразу застосовувати на практиці, створюючи подоби сайтів. Найголовніше на цьому етапі - не вивчити все напам'ять, а отримати уявлення про мови, їхню роботу, атрибути та можливості. Коли ви розумітимете, що вам конкретно потрібно, ви зможете швидко загуглити потрібний тег, важливіше розуміти структуру загалом.
- jQuery
Бібліотека JavaScript, яка відповідає за взаємодію JavaScript і HTML, а також полегшує роботу з елементами DOM.
- Верстка макетів
Ви можете знайти гайди з верстки в інтернеті та крок за кроком вчитися перетворювати PSD-макети на веб-сторінки.
На цьому етапі ви вже можете пробуватися на посаду HTML-верстальника.
- JavaScript
Що має вміти Junior frontend розробник
У деяких компаніях ця посада так і називається - front-end розробник, в інших ви можете побачити її поділ на html-верстальника і JS-розробника.
Frontend розробник-початківець має знати:
- основи HTML, CSS
- знання і досвід роботи з CSS-фреймворками (Twitter Bootstrap/Foundation)
- Верстка сайту
- досвід роботи з jquery (встановлення плагінів, анімація, валідація, pop-ups)
- досвід програмування на JavaScript
- знання/розуміння основних принципів ReactJS+Redux/AngularJS/Backbone або Node.js + MongoDB
- практичні навички роботи з GIT
- основи Chai/Jasmine, Enzyme, Karma/Mocha
Якщо компанія працює не тільки з українським ринком, вам знадобиться високий рівень англійської мови.
Як отримати першу роботу?
Щоб стати front-end розробником високого класу, ми радимо йти працювати в компанію веб-розробки. Їм важливо побачити ваші теоретичні знання на практиці, тому підготуйте портфоліо з вашими роботами. Якщо ви працювали в команді або на відкритому проєкті, додайте і цю роботу, вказавши вашу роль.
Узнайте с какими фреймворками и библиотеками работают в компании и изучите их - это будет отличным плюсом. Также полезно иметь опыт верстки под ключевые CMS, на которых компания делает сайты.
Поради від frontend розробників Artjoker
1 Копайте глибше
Кожен браузер по-різному відображає один і той самий код, але для ефективної роботи потрібно, щоб ваш код був кросбраузерним і адекватно відображався для всіх користувачів. Для цього витратьте трохи більше часу і розберіться, в якому з браузерів код працює правильно і виправте його, для адекватного відображення в інших. Таким чином, ви зробите правильні висновки і заощадите час у майбутньому. Це стосується і ситуацій, якщо ви сліпо додаєте щось у код доти, доки не отримаєте потрібний результат. Розберіться, щоб не наступати на граблі щоразу.
2 Читайте код
Читаючи код, написаний іншими розробниками, ви покращуєте свої навички, бачите, що у завдань буває не тільки один вид вирішення. Також ви можете взяти участь у відкритих проєктах, код яких доповнюють і правлять різні розробники. Це покращує ваші навички, додає здатності критично дивитися на код.
3 Працюйте в команді
Робота на фрілансі - це мрія всіх розробників, проте працюючи в команді, ви маєте чудову нагоду переймати досвід старших девелоперів, навчатися, радитися та вдосконалюватися.
Як бачите, набір навичок фронтенд-розробника доволі широкий і потребує багато часу для вивчення, тож радимо заглибитися в основи та опрацьовувати вміння на практиці. Вам доведеться дуже багато гуглити і це нормально - набагато важливіше знати, де знайти інформацію, ніж втрачати час на її заучування на практиці.
Успіхів:)
Якщо ви хочете дізнатися більше про життя і роботу в Artjoker, читайте "50 фактів про роботу в Artjoker" і дивіться відео:)