front-end
January 26, 2021

10 грабель, на які встане веб розробник початківець, якщо не прочитає це!

26.01.20 ⏰7 хв

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

1. Ставте зрозумілі для Вас цілі


Ви задаєте собі питання "Яку мову програмування почати вчити?". Все ніби зрозуміло, але саме формулювання не зовсім вірне. Вивчити мову
програмування — це зовсім не кінцева мета, це засіб, інструмент, яким Ви будете створювати продукт та розв'язувати проблеми користувачів. Для початку варто визначитись що Ви хочете розробляти: мобільні додатки під андроїд, сайти для бізнесу, інтернет-магазини? Потрібно чітко виявити кінцеву мету. Таким чином Ви правильно підберете мову програмування і не згаєте дурно час.

2. Спішити нікуди, навчання не спринт — це марафон


Ми ніколи й нікому не обіцяємо, що в ІТ галузь потрапити легко і всього через декілька місяців можна стати спеціалістом, який не матиме відбою на ринку. Натомість пояснюємо, що навчання — це важка і клопітка робота, впродовж якої Ви будете опановувати багато матеріалу, і є велика ймовірність, що Вам вдасться осягнути ази веб розробки, Ви зможете потрапити на trainee/ junior позицію, але розуміння складних кейсів та досвід прийдуть лише через комерційний "експірієнс". Тож вже на цьому етапі дайте собі більше часу та знизьте планочку до максимально реалістичної висоти.

3. Повільно, але впевнено


Є ще класний український вираз "не біжи поперед батька в пекло". Але з людською натурою це рідко працює. Більшість студентів хочуть вивчити все на раз і якомога швидше. Вони працюють або вчаться в універі, після важкого дня вчать програмування ледь не до ранку по 8 годин на добу, часом забуваючи про те, що треба поїсти. Знаєте чим ризикують такі люди? Вони можуть вигоріти. Втратити інтерес. Бажання.

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

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

4. Навчіться самостійно знаходити рішення


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

Досвідчені програмісти бачили більше і можуть швидше зреагувати, але вони також не знають відповідей на всі запитання! Вони використовують багато технологій та все ж звертаються до пана Гугла. Тож навчіться правильно шукати. Спочатку на це Вам буде йти 3 години, але наступного разу Ви вже знатимете де що лежить. Зберігайте важливі ресурси в закладках, таким чином виправляти проблеми Ви зможете швидше та ефективніше.

І ще знайте, існує StackOverflow, це любов програміста.

5. Без практики теорія не має сенсу


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

Якщо Ви вже навчаєтесь або тільки плануєте навчатися на курсах, то майте на увазі — недостатньо тільки переглянути заняття, потрібно виконувати домашні завдання та віддавати їх на peer review (а тут можете спробувати застосувати пораду №4:)) іншим студентам і Сапортам.

6. Приготуйтесь, що будуть невдачі


В житті неможливо, щоб весь час щастило і було все стабільно. Налаштуйтесь морально, що в якийсь з періодів щось та й не вдаватиметься. Іноді може здаватись, що весь світ проти Вас налаштований. Але зазвичай такі моменти є етапами найпотужніших особистісних проривів.

Буває невдачі потрібні для того, щоб повернути Вас на землю, почитайте про ефект Даннінга-Крюґера. Нагадати, що корона личить тільки Британії. Або ж, щоб загартувати дух та чогось навчити. А ще буває, що невдача не така вже й невдача: забравши щось одне, вона може вказати на безмежне море інших, більш цінних, можливостей.

Тож будьте готові та не дозволяйте труднощам вибити Вас з колії.

7. Не припиняйте вчитися


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

Так от в цей момент не дозволяйте собі це зробити, бо повернутися до навчання буде вкрай важко.

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

8. Вивчіть верстку і програмування


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

Для того, щоб швидко зрозуміти верстку, треба дуже багато практики. Спробуйте верстати макети сторінок та окремих елементів, використовуйте CSS Grid та Flexbox. Завжди юзайте інструмент розробника в браузері, щоб налагодити свій код.

А от, щоб оживити та мати змогу управляти елементами сайту й контролювати взаємодію з інтерфейсом, вже потрібен JavaScript. Його робота — це динамічна частина сторінки: анімації, показ даних, обробка дій користувача і т.д.

Наступними Вас чекають бібліотеки, фреймворки, саме вони прискорять Ваш процес програмування. Але до цього потрібно дійти поступово, коли Вам стане зручно користуватися стандартною мовою. Найпопулярніші фреймворки: react.js, vue.js і angular.js — кожен з них має своє призначення.

9. Не оминайте зовнішні ресурси


Використовуйте веб пісочниці Codepen або Jsfiddle. Там можна протестувати окремі частини проєкту, а також подивитися готові рішення з відкритим кодом.

10. Вчіться зразу працювати за методологією


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

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

Скористайтеся порадою стосовно старту навчання з безкоштовного міні-курсу, це буде дуже вдалим початком Вашої нової сторінки. Але, якщо у Вас вже присутні знання основ HTML, CSS та JS, запрошуємо на наш повноцінний курс FRONT-END.ADVANCED.

Навчання триває 3 місяці, онлайн та за підтримки Менторів й Сапортів.

Курс має на меті систематизувати теоретичні та закріпити практичні навички Вашого володіння JavaScript, React, Redux та іншими технологіями.

Деталі Ви отримаєте на сайті та порозмовлявши з координаторами навчання.