Начинать заниматься веб-разработкой одновременно интересно и страшно. Это обширная область, и попасть в цикл просмотра руководств и копирования кода — это история любого другого разработчика-самоучки.

Поэтому давайте углубимся в дорожную карту развития обучения с нуля и достижения конечной цели — получения вашей первой работы или стажировки с бесплатными ресурсами.

1. Установите Git и GitHub

Если вы еще не научились использовать Git и GitHub, тогда идите и бегите, чтобы сделать это в первую очередь. Каждый разработчик должен хотя бы научиться создавать репозиторий и загружать в него код. Не вдаваясь в подробности, я рекомендую вам прочитать официальную документацию GitHub-Git Guide или Getting Started with Git.

Если документов для вас слишком много и вы не можете во всем разобраться самостоятельно, посмотрите эти видеоролики и учебные пособия на YouTube: Полное руководство по Git и GitHub, Установка Git или «Учебное пособие по Git для начинающих: изучите Git в 1 час".

После того, как вы разберетесь с этим, не забудьте отправить каждую строку кода, которую вы пишете за день!

2. Изучайте HTML и CSS

HTML — это язык гипертекстовой разметки. Это стандартный язык разметки для создания веб-страницы, описывающий ее структуру. CSS означает каскадную таблицу стилей, которая используется для придания дизайна и цвета этим страницам.

Вот как вы можете это освоить:

  • Если кто-то в этом мире говорит вам, что можно научиться программировать, не практикуя его ежедневно, бегите от этого человека и уходите подальше. Никто не может научиться программировать, не практикуя его ежедневно. Поэтому; Начните с курса FreeCodeCamp Отзывчивый веб-дизайн. Это дает толчок вашему путешествию без какой-либо настройки и установки IDE.

  • Вместе с курсом вы можете сослаться на канал YouTube developedbyed, который я люблю и которым пользовался, когда только начинал учиться. Начните с создания простых проектов, таких как портфолио и сайты электронной коммерции, и проявляйте творческий подход во время обучения.

  • Когда вы будете достаточно уверены в себе, чтобы создавать простые и статические веб-страницы без какой-либо помощи или учебника, проверьте свои знания, приняв вызов FrontEndMentor. Это отличная платформа, чтобы узнать свои сильные и слабые стороны и понять, где вам нужно приложить больше усилий. Возьмите шаблон из раздела задач и начните ПРОГРАММИРОВАНИЕ!

HTML и CSS являются основой фронтенд-разработки, и если вы не уделите им достаточно времени и усилий, ваше путешествие будет чрезвычайно утомительным. Поэтому убедитесь, что вы уверены в своих знаниях до сих пор, если еще нет, то вернитесь к основам. Не спеши!

3. Изучайте JavaScript-

JavaScript — это язык Интернета. Это язык сценариев, который браузер понимает и динамически загружает содержимое. Если вы хотите стать фронтенд-разработчиком, то JavaScript — ваш язык. Вы должны хорошо владеть им, прежде чем переходить к его фреймворкам и библиотекам.

  • Вместе с курсом вы можете обратиться к Намасте JavaScript. Это полное руководство по изучению концепций JavaScript по структурированию кода.

  • После этого приступайте к созданию проектов и интеграции HTML, CSS и JavaScript. Я порекомендую для этого YT-канал Traversy Media. На данный момент вы можете выбрать любой ресурс по своему вкусу!

Прежде чем приступить к работе с какой-либо средой JavaScript, убедитесь, что вы уверены в работе с JavaScript. Изучение JavaScript всегда будет сопровождать вас на всем пути становления фронтенд-разработчиком, и оно никогда не закончится. Вы будете изучать новые концепции по мере того, как станете разработчиком, и в этом вся прелесть приобретения навыков.

P.S.  Легко отвлечься, когда мы начинаем изучать новые навыки и концепции, особенно что-то вроде веб-разработки. Иногда вы тоже можете сдаться, но всегда помните, почему вы начали, какова ваша конечная цель и как ваши усилия способствуют этому. Держите голову высоко и оставайтесь ПОСЛЕДОВАТЕЛЬНЫМИ! Свяжитесь со мной в Твиттере, если вы чувствуете, что застряли в какой-либо момент времени. УДАЧНОГО КОДИРОВАНИЯ!