Главная / Блог / С чего начать обучение веб-разработке?

С чего начать обучение веб-разработке?

Опубликовано 06.09.2022

Ко мне время от времени обращаются друзья и знакомые, которые хотят изучать веб-разработку. Поэтому я решил собрать общие советы, которые будут полезны начинающему разработчику. Как раз сможете определиться, подходит ли вам эта работа или нет.

Очень распространен стереотип, что it это лёгкие деньги. Сразу скажу, что это не так. Программирование - сложная умственная работа, которая требуется усидчивости и упорства. Но вместе с тем, это не значит что разработка удел избранных. Любой может этим заниматься, если есть желание.

Направления разработки

Есть несколько направлений для изучения разработки:

Фронтенд - клиентская часть приложения. Обычно пишут на языке javascript с использованием одного из фремйворков: Vue, React или Angular.
Бэкенд - серверная часть приложения. В основном пишут на Php, Python или Node.js.
Фуллстек - охватывает оба пункта выше.

Направления работы

Устроиться в офис в одну из студий в вашем городе;
Устроиться как удалённый работник;
Работать как фрилансер;
Создать и развивать собственный проект.

План обучения

Обучение я советую начинать с вёрстки веб-страницы с использованием html и css. Это базовые знания, без которых не обойдётся ни один разработчик.

Самый простой и распространённый вариант, это изучение по видосам с Ютуба. Вот некоторые ссылки:

Курсов на Ютубе очень много, вы можете выбрать любой, который устроит по подаче материала.

Старайтесь как можно больше практиковаться, а не запоминать все теги. На данном этапе важно понять принцип построения страницы. Тегов html очень много, но реально из них используются 15-20 штук. Также и со свойствами css.

Что вы должны знать

Основные теги html: html, body, head, title, p, h1, h2, a, img, br, strong, ul, li, div, span.
Строчные элементы, блочные элементы. Разница между ними.
Парные теги, непарные теги.
Вложенность тегов.
Работа с путями в ссылках и изображениях.
Создать несколько страниц, переход между ними по ссылкам.
Типы подключения стилей CSS к странице.
Основные свойства CSS: margin, padding, font, color, border, background, width, height, text-align.
Тип отображения через свойство display.
Позиционирование со свойством position. Блочная вёрстка сайта.
Медиа-запросы для вёрстки под мобильные устройства.
Умение использовать devtools в Chrome.
Базовые знания Photoshop и/или Figma.

Когда более менее усвоитесь, можно приступать к вёрстке макетов из интернета. Например, бесплатные psd макеты или figma макеты. Советую сверстать 5-10 разных макетов, чтобы набить руку.

Получается? Отлично!

Теперь вы умеете создавать статичные сайты. Можно попробовать выгрузить на хостинг. Я рекомендую использовать Timeweb или Beget. И там и там есть бесплатный период для ознакомления.

Предложите друзьям и знакомым разработку сайта даром или за небольшую сумму. Наверняка найдётся кто-то, кому нужен сайт. Так вы наберетесь опыта и портфолио.

Что дальше

Если вам нравится эта работа и хотите продолжать, то можно приступать к изучению языка программирования, например php или python. Когда будете знать основы языка, переходите к CMS. Для php это: WordPress, Joomla, Drupal или Bitrix. Для python - Django. Самый распространённый и простой из них это WordPress. По нему очень много обучающих материалов в интернете.

Как находить заказы

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

Не надо бояться конкуренции, свой хлеб вы точно найдёте!

По собственному опыту скажу, что наиболее эффективная реклама - это сарафанное радио. Если текущий клиент будет доволен вашей работой, он приведёт ещё несколько лояльных клиентов.