Початкова карта веб-розробки

Ця дорожня карта для початківців викладає всі основи веб-розробки. Ми пройдемо кожен крок - від з’ясування того, який редактор коду використовувати, до того, яку структуру JavaScript або фонову мову ви можете вибрати. А також ми включимо посилання на ресурси, де ви зможете навчитися цим навичкам.

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

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

1: Що таке веб-розробка : як працюють веб-сайти, інтерфейсний та внутрішній, редактор коду‌‌

2: Основний інтерфейс: HTML, CSS та JavaScript‌‌

3: Інструменти : менеджери пакетів, інструменти побудови, контроль версій‌‌

4a: Додатковий інтерфейс: Sass, адаптивний дизайн, фреймворки JavaScript‌‌

4b: Основний сервер : управління серверами та базами даних, мова програмування

У цій дорожній карті я рекомендую виконувати кроки 1, 2 та 3 по порядку. Потім, залежно від того, чи хочете ви зосередитись на більшій кількості інтерфейсів чи інтерфейсів, ви можете виконати кроки 4a або 4b у будь-якому порядку.

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

Ви також можете переглянути оновлену версію цієї статті в моєму блозі!

1: Що таке веб-розробка?

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

Як працюють веб-сайти?

Усі веб-сайти, в основному, - це лише купа файлів, які зберігаються на комп’ютері, який називається сервером. Цей сервер підключений до Інтернету. Потім ви можете завантажити цей веб-сайт через браузер (наприклад, Chrome, Firefox або Safari) на свій комп’ютер або телефон. У цій ситуації ваш браузер також називається клієнтом .

Отже, кожного разу, коли ви знаходитесь в Інтернеті, ви (клієнт) отримуєте та завантажуєте дані (наприклад, фотографії котів) із сервера, а також надсилаєте дані назад на сервер ( завантажуйте фотографії котів з котом! ) Далі між клієнтом і сервером лежить основа Інтернету.

Все, до чого ви можете отримати доступ у своєму браузері, - це те, що створив веб-розробник. Деякі приклади - це веб-сайти та щоденники малого бізнесу, простіші, аж до дуже складних веб-програм, таких як AirBnb, Facebook та Twitter.

Яка різниця між інтерфейсом та інтерфейсом?

Терміни “інтерфейс”, “бек-енд” та “повний стек” веб-розробник описують, з якою частиною відносин клієнт / сервер ви працюєте.

"Фронт-енд" означає, що ви маєте справу переважно з клієнтською стороною. Це називається "фронт-енд", оскільки це те, що ви можете бачити в браузері. І навпаки, "задній кінець" - це частина веб-сайту, яку ви насправді не можете побачити, але вона обробляє багато логіки та функціональності, необхідних для того, щоб все працювало.

Одним із способів подумати про це є те, що веб-розробка інтерфейсу подібна до частини ресторану, яка стоїть перед будинком. Це розділ, куди клієнти приходять, щоб побачити та випробувати ресторан - декор інтер’єру, сидіння та, звичайно, їжа.

З іншого боку, веб-розробка веб-сайтів нагадує частину ресторану. Тут управляють доставкою та інвентарем, і все відбувається процес створення їжі. За кулісами є багато речей, які клієнти не побачать, але вони відчують (і, сподіваємось, сподобається) кінцевий продукт - смачну їжу!

Окрім цікавих ілюстрацій, як веб-, так і зовнішня веб-розробка виконують різні, але дуже важливі функції.

Використання редактора коду

Коли ви створюєте веб-сайт, найважливішим інструментом, який ви будете використовувати, є ваш редактор коду або IDE (інтегроване середовище розробки). Цей інструмент дозволяє написати розмітку та код, з яких складатиметься веб-сайт.

Існує досить багато хороших варіантів, але в даний час найпопулярнішим редактором коду є VS Code. VS Code - це більш полегшена версія Visual Studio, основної IDE Microsoft. Він швидкий, безкоштовний, простий у використанні, і ви можете налаштувати його за допомогою тем та розширень.

Інші редактори коду - Sublime Text, Atom та Vim.

Якщо ви тільки починаєте, я рекомендую перевірити код VS, який ви можете завантажити з їх веб-сайту.

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

2: Основний інтерфейс

Інтерфейс веб-сайту складається з трьох типів файлів: HTML, CSS та JavaScript. Ці файли завантажуються у браузері на стороні клієнта.

Давайте детальніше розглянемо кожен із них.

HTML

HTML, або мова розмітки HyperText, є основою всіх веб-сайтів. Це основний тип файлу, який завантажується у ваш браузер під час перегляду веб-сайту. Файл HTML містить весь вміст на сторінці, і він використовує теги для позначення різних типів вмісту.

Наприклад, ви можете використовувати теги для створення заголовків заголовків, абзаців, маркованих списків, зображень тощо. Теги HTML самі по собі мають вкладені деякі стилі, але вони досить базові, як і те, що ви побачите в документі Word.

CSS

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

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

JavaScript

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

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

Особливо, якщо ви хочете пізніше розвинути свої навички за допомогою фреймворку JavaScript, такого як React, ви зрозумієте більше, якщо спочатку витратите час на вивчення звичайного ванільного JavaScript. Це справді весела мова для вивчення, і з нею можна так багато зробити!

Де вивчити HTML, CSS та JavaScript

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

Примітка : Деякі посилання нижче (посилання на платні курси та книги) є афілійованими, що означає, що я отримаю комісію, якщо ви купуєте через них без додаткових витрат для себе. Це один із способів підтримати мене у створенні таких корисних ресурсів, як цей!

freeCodeCamp

Одне з моїх улюблених місць, де рекомендую, - freeCodeCamp. Це онлайн-завантажувальний кемпінг, який є некомерційним і абсолютно безкоштовним! Мені подобається цей варіант, тому що якщо ви новачок і не до кінця впевнені, чи кодування саме для вас, це без ризику спосіб перевірити, чи подобається вам.

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

Тож якщо вам дуже подобається вчитися на відео, ось кілька інших варіантів:

Команда на дереві

Team Treehouse - це преміум-платформа для онлайн-навчання, яка базується на відео та містить декілька треків, якими ви можете слідувати. Вони навіть мають онлайн-програму Tech Degree, яка схожа на онлайн-завантажувальний табір, який ви можете пройти за 4-5 місяців.

На жаль, Treehouse не є безкоштовним, але вони мають різні щомісячні або річні плани залежно від вашого бюджету. У них є безкоштовна 7-денна пробна версія, щоб ви могли побачити, чи подобається вам, і я також можу дати вам угоду, де ви можете отримати 100 доларів за 1 рік їх базового плану. Якщо ви впевнені, що хочете зайнятися веб-розробкою, Team Treehouse - чудове місце для навчання.

Якщо ви більше любите разові відеокурси, є кілька безкоштовних та платних варіантів:

Вес Бос

Wes Bos має безкоштовні курси з вивчення Flexbox, CSS Grid та JavaScript, які є чудовими. Я щойно пройшов його курс CSS Grid, і це було дуже ретельно, а також весело. Уес - чудовий вчитель!

Удемі

Udemy - це онлайн-навчальна платформа з великою кількістю чудових курсів. Особливо вам може сподобатися курс Advanced CSS та Sass від Jonas Schmedtmann - цей платний курс охоплює сітку CSS, flexbox, адаптивний дизайн та інші теми CSS!

YouTube

На YouTube також є маса безкоштовних відеоресурсів:

У Traversy Media, мабуть, найбільшому каналі веб-розробки, є курс HTML Crash Course та CSS Crash Course.

Курс DesignCourse, орієнтований на веб-дизайн та інтерфейс, також має підручник з HTML та CSS.

А у FreeCodeCamp є власний канал на YouTube із такими відео, як курс вивчення JavaScript та інші поглиблені курси.

Книги та статті про веб-розробку

Якщо ви більше читаєте людину, я настійно рекомендую наступне:

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

Красномовний JavaScript - це ще одна книга, яка мені дуже подобається. Ви можете прочитати його безкоштовно на їх веб-сайті або придбати паперову копію в Amazon, якщо вам подобаються фізичні книги. У мене є така сама, і мені вона дуже подобається!

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

І останнє, але не менш важливе: деякі веб-сайти, які містять чудові статті та інші ресурси:

  • Мережа розробників Mozilla
  • CSS-хитрощі
  • Журбальний журнал

3: Інструменти

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

Менеджери пакетів

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

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

Найпопулярніший менеджер пакетів називається npm, або Node Package Manager, але ви також можете використовувати іншого менеджера під назвою Yarn. І те, і інше - хороші варіанти для знання та використання, хоча, мабуть, найкраще починати з npm.

Якщо вам цікаво дізнатись більше, ви можете прочитати цю статтю про основи використання npm.

Побудувати інструменти

Пакети модулів та інструменти побудови, такі як Webpack, Gulp або Parcel, є ще однією важливою частиною інтерфейсного робочого процесу.

На базовому рівні ці інструменти виконують завдання та обробляють файли. Ви можете використовувати їх для компіляції файлів Sass у CSS, транслірування файлів JavaScript ES6 до ES5 для кращої підтримки браузера, запуску локального веб-сервера та багатьох інших корисних завдань.

Gulp , технічно запущений завданням, має набір пакетів npm, які ви можете використовувати для компіляції та обробки файлів.

Webpack - це надзвичайно потужний пакет, який може робити все, що може зробити Gulp, а також більше. Він використовується багато в середовищах JavaScript, особливо в JavaScript Frameworks (до яких ми трохи підемо). Одна з нижчих сторін Webpack полягає в тому, що для запуску та роботи потрібна велика кількість конфігурації, що може викликати неприємності.

Parcel - це новий пакет, такий як Webpack, але він поставляється заздалегідь налаштованим прямо з коробки, так що ви можете буквально запустити його всього за кілька хвилин. І вам не доведеться стільки турбуватися про все налаштування.

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

Корисні Посилання

Якщо вас цікавить Gulp або Parcel, у мене є підручники для обох:

  • Використання Gulp 4 у робочому процесі
  • Короткий посібник із посилки

Якщо ви хочете дізнатись більше про Webpack, перегляньте наступні відео YouTube:

  • Аварійний курс в Webpack від DesignCourse
  • Серія з 10 частин на Webpack від Кольта Стіла

Контроль версій

Контроль версій (також званий контролем джерела) - це система, яка відстежує кожну зміну коду, яку ви вносите у файли проекту. Ви навіть можете повернутися до попередньої зміни, якщо помилитесь. Це майже як мати нескінченні очки збереження для вашого проекту, і, скажу я вам, це може бути величезним порятунком.

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

Можливо, ви також чули про GitHub, що є компанією, що займається хостингом, що належить Microsoft, де ви можете зберігати всі свої сховища Git.

Щоб вивчити Git та GitHub, GitHub.com має кілька Інтернет-путівників, які пояснюють, як почати роботу. Також у Traversy Media є відео на YouTube, що пояснює, як працює Git.

4a: Додатковий інтерфейс

Після того, як ви отримаєте основи інтерфейсу вниз, є ще кілька проміжних навичок, яким ви захочете навчитися. Я рекомендую вам переглянути наступне: Sass, адаптивний дизайн та фреймворк JavaScript.

Сасс

Sass - це розширення CSS, яке робить стилі написання більш інтуїтивними та модульними. Це справді потужний інструмент. За допомогою Sass ви можете розділити свої стилі на кілька файлів для кращої організації, створювати змінні для зберігання кольорів та шрифтів, а також використовувати комбінації та заповнювачі для легкого повторного використання стилів.

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

Ви можете дізнатись більше про Сасс у цьому підручнику з Scotch.io, а також у відеоролику Dev Ed на YouTube.

Чуйний дизайн

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

Наприклад, замість того, щоб встановити вміст для статичної ширини 400 пікс., Ви можете скористатися медіа-запитом та встановити 50% ширини на робочому столі та 100% на мобільному.

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

Щоб отримати докладнішу інформацію про адаптивний дизайн та зробити веб-сайти адаптивними, перегляньте цю статтю. Я також роблю прямі трансляції кодування на своєму каналі YouTube, де я створюю веб-сайт з нуля, і глядачі можуть задавати мені запитання в режимі реального часу!

Фреймворки JavaScript

Отримавши основи ванільного JavaScript, ви можете вивчити один із фреймворків JavaScript (особливо якщо ви хочете бути повнофункціональним розробником JavaScript).

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

На даний момент у вас є три основних варіанти: React, Angular та Vue.

React (технічно бібліотека), був створений Facebook і є найпопулярнішим фреймворком зараз. Ви можете розпочати навчання, перейшовши на веб-сайт React.js. Якщо вас цікавить преміум-курс React, і Тайлер Макгіннінс, і Уес Бос мають чудові курси.

Angular був першим великим фреймворком, і його створив Google. Він все ще дуже популярний, хоча нещодавно його перевершив React. Ви можете почати вивчати Angular на їх веб-сайті. Гері з DesignCourse також має програму Angular crash на YouTube.

Vue - це новіший фреймворк, створений Еваном Ю, колишнім розробником Angular. Хоча він менший у використанні, ніж React та Angular, він швидко росте, а також вважається простим та цікавим у використанні. Ви можете піднятись із ним на веб-сайті Vue.

Яку основу слід вивчити?

Можливо, ви зараз задаєтеся питанням: "Добре, ну, який фреймворк найкращий?"

Правда в тому, що всі вони хороші. У веб-розробці майже ніколи не існує жодного вибору, який би був на 100% найкращим вибором для кожної людини та кожної ситуації.

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

Не переживайте надто сильно про те, яку структуру вибрати. Важливіше, щоб ви вивчили і зрозуміли поняття, що стоять за ними. Крім того, як тільки ви вивчите один фреймворк, буде легше вивчати інші (подібні до мов програмування).

Давайте перейдемо до нашого останнього розділу: фонова веб-розробка!

4b: Основний сервер

Бек-енд або серверна частина веб-розробки складається з трьох основних компонентів: сервера, мови програмування на стороні сервера та бази даних.

Сервер

Як ми вже згадували на самому початку, сервер - це комп’ютер, де зберігаються всі файли веб-сайтів, база даних та інші компоненти.

Традиційні сервери працюють в операційних системах, таких як Linux або Windows. Вони вважаються "централізованими", оскільки все - файли веб-сайтів, внутрішній код та дані зберігаються разом на сервері.

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

Однак, незважаючи на назву, вам все одно потрібен якийсь сервер, щоб принаймні зберігати файли веб-сайту. Деякі приклади безсерверних провайдерів - це AWS (Amazon Web Services) або Netlify.

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

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

Мова програмування

На сервері вам потрібно використовувати мову програмування для написання функцій та логіки для вашого додатка. Потім сервер компілює ваш код і передає результат назад клієнту.

Популярні мови програмування для Інтернету - PHP, Python, Ruby, C # та Java. Існує також форма JavaScript на стороні сервера - Node.js, це середовище виконання, яке може запускати код JavaScript на сервері.

Є також фреймворки, які ви можете використовувати з кожною з цих мов на стороні сервера. Подібно до інтерфейсних фреймворків JavaScript, ці внутрішні фреймворки є корисними інструментами, які роблять створення веб-програм набагато швидшим.

Давайте перевіримо список найбільш часто використовуваних мов програмування для веб-розробки:

C #

C # був розроблений як конкурент Microsoft Java. Він використовується для створення веб-додатків із .NET framework, розробки ігор і навіть може використовуватися для створення мобільних додатків.

Місця для вивчення C #: ‌‌C # Програмування Жовта книга Роба Майлза‌‌C # Основи Udemy

Java

Java є однією з найпопулярніших мов програмування і використовується у веб-програмах, а також для створення додатків для Android.

Місця для вивчення Java: ‌‌Університет Гельсінкі MOOC‌‌Повний курс розробника Java на Udemy

Node.js

Node.js - дуже популярна технологія (згідно з опитуванням розробників Stack Overflow 2019). Зауважимо одне: технічно це не серверна мова - це форма JavaScript, яка працює на сервері за допомогою фреймворка Express.js.

Місця для вивчення Node.js: tut Підручник з Node.js за програмуванням за допомогою Mosh‌‌Learn Node від Wes Bos

PHP

PHP - це мова, яка забезпечує роботу WordPress, тому це може бути гарним вибором, якщо ви думаєте, що будете працювати з веб-сайтами малого бізнесу, оскільки багато хто з них використовують WordPress. Ви також можете створювати веб-програми за допомогою фреймворку Laravel.

Місця для вивчення PHP: «Вступ до PHP від ​​mmtuts» PHP від ​​Edwin Diaz на Udemy

Python

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

Місця для вивчення Python: ‌‌ Сучасний Bootcamp від Python 3 від Кольта Стіла на Udemy‌‌LearnPython.org

Рубін

Ruby - це ще одна мова, яка має синтаксис, який вважається fu для вивчення. Ви можете створювати веб-програми за допомогою фреймворку Ruby on Rails.

Місця для вивчення Рубі: «Проект Одіна» Підручник Рубі на рейках, Майкл Хартл

Як і в рамках фреймворків JavaScript, немає найкращої мови програмування №1. Ваш вибір повинен ґрунтуватися або на ваших особистих інтересах та уподобаннях, а також на потенційних робочих місцях - тому зробіть невелике дослідження, яке може бути хорошим вибором для вас .

Бази даних

Як випливає з назви, в базах даних ви зберігаєте інформацію для свого веб-сайту. У більшості баз даних використовується мова SQL (вимовляється як «продовження»), що означає «Мова структурованих запитів».

У базі даних дані зберігаються в таблицях із рядками, подібними до складних документів Excel. Тоді ви можете писати запити в SQL для створення, читання, оновлення та видалення даних.

База даних запускається на сервері, використовуючи такі сервери, як Microsoft SQL Server на серверах Windows та MySQL для Linux.

Існують також бази даних NoSQL, які зберігають дані у файлах JSON на відміну від традиційних таблиць. Одним із типів баз даних NoSQL є MongoDB, який часто використовується з програмами React, Angular та Vue.

Ось декілька прикладів використання даних на веб-сайтах:

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

Ви також можете користуватися логінами в базі даних та писати логіку мовою на стороні сервера для обробки перевірки та автентифікації входів.

Деякі ресурси для вивчення основ SQL:

  • Повний SQL Bootcamp від Jose Portilla на Udemy
  • SQLBolt

Кілька порад, щоб залишити вас із ...

Дякуємо за читання! Я щиро сподіваюся, що цей посібник допоможе вам розпочати вивчення веб-розробки.

Кілька порад, які я маю, якщо ви йдете самоучкою:

  1. Не намагайтеся навчитися всього одразу. Виберіть одну навичку, щоб вчитися за раз.
  2. Не перескакуйте від підручника до підручника. Навчаючись, ви можете перевіряти різні ресурси, щоб побачити, який із них вам найбільше подобається. Але знову-таки, виберіть один і спробуйте пройти весь шлях.
  3. Знайте, що вивчення веб-розробки - це довгострокова подорож. Незважаючи на розповіді, які ви, можливо, читали про людей, які за 3 місяці перейшли з нуля на посаду веб-розробника, я б більше прагнув від 1 до 2 років, щоб стати готовим до роботи, якщо ви починаєте з самого початку.
  4. Просто перегляд відеокурсу або читання книги не автоматично зробить вас експертом. Вивчення матеріалу - це лише перший крок. Створення фактичних веб-сайтів та проектів (навіть просто демонстраційних для себе) допоможе вам по-справжньому закріпити своє навчання.

Удачі вам, коли ви почнете вивчати веб-розробку! Якщо вас цікавить більше, ознайомтесь із цією статтею в моєму щоденнику: Навчіться розробці веб-сайтів як абсолютно новачкові.

Хочете піти за мною?

Я публікую міні-поради щодо веб-розробки в Instagram та Twitter та створюю навчальні відеоролики з кодування на YouTube!