Олександр Селезньов
Front-end developer

Як розпочався твій шлях в інтернет-маркетингу?

— Перша моя робота була у форматі фрилансу. Я займався версткою макетів із фотошопу й передавав результат своєї роботи в backend. Наступною кар’єрною сходинкою була агенція, яка спеціалізувалася на розробці дизайнів, брендбуків, сайтів під ключ тощо. У певному сенсі та компанія стала відправною точкою створення реального портфоліо. 

Співпраця з агенцією дала суттєвий поштовх від точки «читав у книгах» до «точно знаю, як краще розв’язати це питання». А тепер увесь свій багаж досвіду я взяв із собою для роботи з проєктами Solve Marketing.

У чому полягає твоя роль як Front-end developer у Solve Marketing? 

— Моя роль як Front-end розробника полягає в створенні користувацького інтерфейсу для вебсайтів або вебдодатків. Тобто я відповідаю за те, щоб вебсторінки мали належний вигляд і добре працювали для користувачів. Мої обов’язки охоплюють написання HTML, CSS і JavaScript коду для створення зовнішнього вигляду та функціональності вебсторінки. Я можу розробляти анімації, інтерактивні елементи, робити оптимізацію для різних пристроїв та браузерів, а також співпрацюю з дизайнерами. Також я відповідаю за ще одну доволі об’ємну частину — це робота з системою керування контентом WordPress, що передбачає таке:

1. Розробка тем: це означає створення або налаштування вигляду вебсайту за допомогою тем WordPress. 
2. Оптимізація швидкості та безпеки: важливо забезпечити, щоб сторінки сайту завантажувалися майже миттєво і ресурс дотримувався всіх правил безпеки як для його відвідувачів, так і для власників сайту. Адже від Ddos-атак ніхто не захищений. 
3. Вебсайт потрібно інтегрувати з іншими сервісами: додати системи управління контентом, платіжні системи, соціальні медіа тощо. Моя роль як розробника — забезпечити, щоб інтеграції працювали безперервно та ефективно.
4. Якщо вебсайт уже запущений, то він потребує постійного обслуговування та підтримки. Я відстежую помилки, виправляю їх і здійснюю оновлення.

Якщо підсумувати все це, то моя роль як Front-end розробника полягає в створенні, оптимізації та підтримці вебсайту, щоб задовольнити потреби клієнтів та користувачів.

Із чим можна порівняти професію Front-end developer, щоб краще зрозуміти її суть?

— Пропоную пояснення ролі Front-end developer через налаштування водопостачання в помешкання та професію сантехніка. Неочікуваний приклад, але повірте, він дієвий.

Ось до вашого помешкання провели трубу подачі води, за якою стоїть ціла система розподілення. Цю частину умовно можна назвати бекендом. Завдяки системі ви отримуєте воду, але чи зручно нею користуватися прямо з труби? Навряд чи. Фахівець, який до труби з водою прикрутить вам кран і поставить зручну душову кабіну, дуже схожий на фронтендера. Адже вам пропонують якісь послуги, а фронтендер, тобто я, забезпечує можливість ними користуватися. В ідеальному випадку — у зручний для вас спосіб 🙂 

Як довго ти навчався, щоб здобути свою професію?

— На мою думку, неможливо здобути професію, ти або покликаний до неї, або ні. Водночас варто розвивати свої схильності до професії, інакше досягти чогось не вийде. 

А ще я розділяю поняття «вміти щось робити» й «отримати роботу». Тож ось яким був мій шлях до фронтенду. Спочатку я перебував у маленькій точці, у якій мав лише базове уявлення про свою діяльність. Потім я багато вчився, ніби сходами рухався до вищого рівня, набував досвіду. Так мої знання з тієї точки перетворювалися на щораз ширше й ширше коло. Це коло тепер охоплює достатньо вмінь та досвіду, щоб я міг виконувати свою роботу якісно й ефективно. 

Перші вміння я зміг набути приблизно за місяць, а щоб отримати роботу, мені знадобилося пів року. Відтоді минуло вже багато часу, але я досі продовжую вчитися й долати нові виклики.

Звідки ти черпаєш досвід і знання для втілення проєктів?

— Для мене поштовхом до зростання, звичайно ж, є кожен попередній проєкт. Я уважно аналізую ці 3 запитання, аби відточувати свої вміння.

• Як я реалізував проєкт?
• Як не треба робити (яких помилок не варто припускатися в майбутньому)?
• Як покращити результат роботи так, щоб потім не виправляти помилки 100-500 разів?

Ще я надихаюся проєктами інших професіоналів, переглядаю сайти й застосунки з цікавим інтерфейсом або функціоналом. Коли бачу щось нове для себе, то в мене виникає думка: «О, цікаво, а як вони це зробили 🤔». Тоді я намагаюся знайти спосіб, у який би я міг втілити таку ідею в реальність.

Яких принципів ти дотримуєшся у своїй роботі?

— Це завжди один-єдиний принцип, раджу ним користуватися всім: 

«Хтось колись після тебе прийме цей проєкт. Зроби його так, щоб твій наступник не бажав тобі горіти в пеклі: нехай йому буде максимально зрозуміло, що ти тут робив і чому. Це не завжди виходить так, як хотілося б. Але, тримаючи таку думку в голові, я на певний відсоток полегшую роботу моїм майбутнім колегам». 

Що в роботі тобі подобається найбільше й найменше?

— Подобаються нові проєкти, які стають для мене челенджем. Нове — це майже завжди цікаво. По-друге, це тримає мене в тонусі, мотивує мене стежити за розвитком технологій та вчитися використовувати їх у роботі.

От що дійсно не люблю, так це реалізовувати складні анімації. Не тому, що вони складні, а саме через обсяг роботи, який я бачу на виході. Одну вебсторінку завдовжки в десять екранів можна зробити умовно за десять годин. І водночас є анімація розміром у половину екрана, яку я роблю впродовж тих самих умовних 10 годин. 

Як тобі вдається зберігати спокій, коли справа доходить до виправлення багів?

— Правду кажучи, не вдається : ) Але я усвідомлюю, що залишити, як є, неможливо, адже сайт буде недопрацьованим. Тож я беру себе в руки й виправляю недоліки, аби все було гарно, а головне — функціонально.

Який міф про професію Front-end developer ти можеш упевнено розвіяти?

— Один із найпоширеніших міфів про професію Front-end розробника полягає в тому, що це лише робота з версткою — простим написанням HTML та CSS коду. Однак сучасний Front-end розробник виконує значно більше завдань, ніж просто верстка.

Ось кілька аспектів, які варто врахувати:

1. JavaScript експертність. Front-end розробники не лише створюють статичні сторінки, вони також відповідають за динамічний контент та інтерактивні елементи. І це вимагає глибокого розуміння JavaScript та його фреймворків.
2. Оптимізація та управління ресурсами. Front-end розробники виконують оптимізацію сторінок для підвищення швидкості завантаження та роботи з різними типами контенту, такими як зображення, відео, шрифти тощо.
3. Кросбраузерна та кросплатформена сумісність. Розробники мають подбати, щоб їхній код працював на різних браузерах та платформах, що може бути викликом через різні реалізації та підтримку стандартів.
4. Робота зі структурою даних та API. Сучасні вебдодатки використовують складні структури даних та API для обміну інформацією між клієнтом та сервером. Front-end розробники мають розуміти, як працювати з цими структурами та взаємодіяти з API.

Тобто моя професія вимагає широкого спектра навичок та знань не лише верстки, але й програмування, оптимізації, тестування та співпраці з іншими членами команди для досягнення успіху в розробці.

Чим тобі подобається займатися поза роботою?

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

Яку важливу думку ти хотів би донести до підприємців як Front-end developer?

— Підприємцеві важливо розуміти, що робота Front-end розробника має великий вплив на користувацький досвід та успіх їхнього бізнесу. Як фронтенд розробник, я відповідаю за створення зручного, естетичного та ефективного інтерфейсу для вебсайтів або додатків. Ефективна робота фронтенд розробника може підвищити конкурентоспроможність бізнесу, забезпечити збільшення конверсії та задоволення користувачів, а також зекономити час та ресурси підприємства.

Олександре, дякую, що поділився з нами своїм досвідом і порадами!