Перше знайомство з веб-розробкою як правило досить напружене і заплутане. Необхідно так багато всього вивчити і як зробити правильний вибір мови або фреймворка. Так з чого ж почати?
Певної відповіді не існує, але є природний прогрес який приймають більшість розробників. Простіше за все почати з основ і повільно рухатися у вивченні більш складних мов програмування.
У цій статті я хочу розповісти про повне шляху, від початку до кінця, отримання необхідних навичок і знань, для того щоб стати веб-розробником. Я розповім не тільки про найпопулярніші мовами розробки, а й розглянемо кращі ресурси і інструменти які допоможуть вам в своїх починаннях.
Основи: HTML5 та CSS3
Якщо ви тільки починаєте занурюватися в веб-розробку, то необхідно почати з самих основ, це - HTML і CSS. Ці дві мови насправді не мови програмування, тому що вони не працюють з логікою.
HTML це мова розмітки, а CSS - мова стилів. HTML визначає, як сторінка повинна бути структурована, а CSS - як сторінка буде виглядати на екрані. Ці дві мови вважаються мовами Frontend, оскільки вони працюють в браузері (без необхідності в сервері).
Ці дві мови дуже різні, але вони відмінно доповнюють один одного. Сторінка створена на одному лише HTML звичайно буде працювати, але буде виглядати не красиво. Точно так же, один лише CSS файл не буде нічого показувати в браузері, тому що не буде HTML коду для відображення інформації.
Якщо ви зможете повністю вивчити і розібратися в HTML і CSS, то ви зможете створювати веб-сайти. Звичайно вони не будуть динамічними або програмованими, але сайти на чистому HTML / CSS можуть працювати і добре виглядати.
Найостанніші версії цих мов - HTML5 та CSS3. Насправді вони не сильно відрізняються від HTML4 і CSS2. Вони просто додають нові функції, які спрощують створення веб-сайтів.
Я міг би описати підходи вивчення цих мов крок за кроком. Але якщо чесно, найкращий спосіб вивчення це робота на практиці, зі своїми власними проектами. По дорозі ви будете стикатися з проблемами, які ви зможете вирішити з пошуком від Google і Stack Overflow.
Після того як ви вивчите основи HTML і CSS, рекомендую ознайомиться з більш просунутими уроками російською мовою, по створенню різних частин і компонентів веб-сайтів.
Що стосується основ HTML і CSS, все необхідне по їх вивченню ви можете знайти в інтернеті, у вільному доступі.
Далі необхідно перейти до вивчення CSS препроцесорів, таких як Sass або Less. Це доповнення до простого CSS, які пропонують більш розширену логіку для змінних, циклів і функцій.
Особисто я рекомендую вивчати Sass, так як він трохи простіше ніж Less, плюс він популярніший серед розробників, відповідно підтримка у нього вище.
Також існують мови для попередньої обробки HTML, наприклад Html і Jade, але вони не так широко використовується.
Html працює від Ruby, а Jade використовує node. Обидві ці бібліотеки вимагають деяких знань в області пакетних менеджерів, тому я вважаю їх більш просунутими і вивчати їх після основ.
Знову ж таки, кращий спосіб вивчення - практика.
PHP, Ruby, або Python
Остання частина веб-розробки стосується вивчення Backend. Це дуже велика область з великою кількістю різних мов програмування.
Кілька десятиліть тому найпопулярнішою мовою для розробки Backend був Perl / CGI. В даний час з ним практично ніхто не працює.
Тенденції швидко змінюються, тому дуже важливо заздалегідь спланувати яку мову ви будете вивчати, який буде затребуваний протягом довгого часу.
Ходить багато розмов з приводу PHP. Це один з найстаріших мов веб-програмування і він був створений спеціально для веб-розробки. Як не дивно, його творець ніколи не хотів щоб PHP стала мовою програмування.
Але за останні роки він стає все популярнішим. Тепер такі великі проекти як WordPress, Joomla і Magento працюють на PHP. Це означає, що переважна більшість веб-розробників хоча б трохи використовують PHP в своїй роботі.
Також існує ще два досить популярних мови Backend це - Ruby і Python. Їх буде корисно вивчити, так як вони можуть бути використані за межами веб-проектів.
Я не можу порадити яку мову вивчати в першу чергу, так як кожен розробник повинен вирішити це сам.
Якщо ви хочете працювати тільки під Frontend, то можете не заглиблюватися в Backend мови. Але якщо ви шукаєте простий шлях до Backend розробці, краще почніть з PHP. Ви зможете без праці створювати свої власні WordPress проекти з нуля, а також більшість хостинг компанії підтримують PHP за замовчуванням.
Всі ці мови програмування знаходяться повністю у вільному доступі, з відкритим вихідним кодом. Кожна мова поставляється з докладною базою, яку можна використовувати для швидкого створення проектів.
Також обов'язково потрібно вивчити найпопулярніші фреймворки даних мов:
Кращий спосіб вивчити потрібну мову це - практика.
При виникненні проблем ви будете змушені вирішувати їх, при цьому ви дізнаєтеся нову, корисну інформацію. Всі ці дії, будуть формувати ваше загальне розвиток в тій чи іншій області.
Якщо ви не маєте жодного уявлення з чого почати, просто почніть роботу з малого. Збірка проектів на локальному рівні і вивчення основ. І всякий раз коли ви заплуталися, пам'ятайте, що Google це ваш кращий друг, а складні і заплутані завдання часто є кращими вчителями.
Структурована мова запитів (SQL)
І на останок, якщо ви вибрали шлях Backend, то SQL є обов'язковою мовою для вивчення. Він працює з більшістю систем баз даних, наприклад MySQL і PostgreSQL.
Гарна новина полягає в тому, що більшість двигунів баз даних, повністю сумісні з SQL кодом. Тому, як тільки ви вивчите SQL, він буде працювати в будь-якій базі даних з якої вам доведеться сталкнуться.
Найпопулярніший движок бази даних для початківців - MySQL. Він часто поставляється в комплекті з різними тарифами хостингу, і найбільш широко підтримується в популярних CMS таких як WordPress.
Багато баз даних мають візуальні інтерфейси, наприклад PHPMyAdmin. Ці інструменти дозволяють виконувати SQL запити без написання коду.
Якщо у вас дійсно будуть хороші навички роботи в SQL, це буде великим плоюсом для роботодавців.
висновок
Всі вищезгадані мови в цьому посібнику, можуть зробити з вас Full-Stack розробника. Але якщо ви хочете знати тільки основи веб-розробки, ви можете не вивчати їх усіх.