Научиться веб-разработке.
Спартанский план на 6 месяцев

UPD 2022: этот план был составлен в 2017–2018 годах. Концептуально он не устарел и не устареет ещё несколько лет точно, но мелочи и детали технологий могли местами измениться. Учитывайте это, если пользуетесь планом сегодня.

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

У многих с работой всё не так прекрасно: переработки, зарплаты хватает впритык, нет времени на себя и на близких. Мне кажется, это неправильно. Жизнь одна, жутко обидно тратить её на неблагодарную и нелюбимую работу.

Айти может стать островком спокойствия, где не нужно будет жить под постоянным давлением от зарплаты до зарплаты. У вас появится время выдохнуть и взглянуть на себя и на мир вокруг, чтобы понять, куда двигаться дальше.

Я составил план по входу в профессию, на основе личного опыта. План рассчитан на шесть месяцев теории и практики. Вы узнаете, как работает веб, сверстаете, запрограммируете и опубликуете собственный сайт. Этих знаний хватит, чтобы претендовать на позицию младшего разработчика.

Я готов помогать вам на этом пути: отвечать на вопросы, смотреть код и разбирать непонятные моменты. Я не стану персональным ментором, большинство знаний придётся искать самостоятельно. Но в сложные моменты, можете рассчитывать на мою помощь :-)

Как пользоваться планом?

Гуглите темы одну за другой, вы найдёте много статей, лекций, видео и курсов. Изучите теорию удобным способом и принимайтесь за практическое задание.

Задание обязательно нужно сделать к концу месяца. Даже если всё будет работать еле-еле, даже если кровью и потом.

Практический опыт — самый ценный. Если вы забьёте на практику, теория забудется через месяц.

Застряли — пропускайте или спрашивайте. Не сидите долго над проблемой, время слишком дорого. Спросите совета в интернете или у меня. Если есть возможность, отложите тему и двигайтесь дальше.

1 месяц

Как работает сайт,
HTML, CSS, SEO

Что такое сайты и как создать свою веб-страницу.
Изучаем вёрстку, стили и основы продвижения.

Задание на месяц

Сделать HTML-страницу о себе, подключить стили CSS. Задать заголовок, описание и ключевые слова страницы. Разместить страницу на хостинге, подключить свой домен.

2 месяц

JavaScript и SCSS

Оживляем вёрстку интерактивом.
В перерывах учимся писать стили в десять раз быстрее.

Задание на месяц

Добавить на свою страницу кнопку смены темы на тёмную. Нажатие переключает классы, изменяя оформление страницы.
Переписать стили на SCSS.

Тяжёлый месяц

Много теории. К концу учебника, мозг часто закипает. Это нужно перетерпеть и дочитать через силу.

Я разбавил месяц изучением несложного SCSS,
чтобы вы совсем не сошли с ума.

Отдохнём в следующем месяце :-)

3 месяц

jQuery и плагины

Отдыхаем после прошлого месяца.
Изучаем популярные JavaScript-библиотеки и готовые решения.

Задание на месяц

Переписать переключение темы на jQuery. Добавить на страницу слайдер с фотками. Добавить всплывающее окно с чем-нибудь.

4 месяц

PHP, бэкенд, базы данных

Изучаем серверный язык программирования.

Задание на месяц

Поднять локальный сервер.
Создать БД, внутри поле со значением 0. Написать PHP-скрипт для прибавления +1 к счётчику в БД.
Написать PHP-скрипт для получения текущего значения счётчика.

5 месяц

Сайт на Wordpress,
Яндекс.Метрика

Создаём сайт на готовом движке,
разбираемся с инструментами аналитики.

Задание на месяц

Установить Wordpress на локальный сервер. Настроить сайт со стандартной темой, добавить новости.
Модифицировать тему: изменить шрифт и контактные данные в подвале.
Создать и установить счётчик метрики на страницу о себе.

Полезные ссылки

6 месяц

Закрепление знаний,
дополнительные
инструменты

Повторяем всё, чему научились и знакомимся
с системами контроля версий.

Задание на месяц

Заново сделать страничку о себе, используя предыдущий опыт и контроль версий.
Создать репозиторий со страничкой на GitHub и обновить её на хостинге.
Посмотреть прошлые темы и повторить то, что забыли или пропустили.

Полезные ссылки

Что дальше?

Дальше — практика и выбор направления.
Веб-разработчики обычно делятся на фронтендеров (вёрстка и интерфейсы) и бэкендеров (сервер и бизнес-логика). Особо крутые ребята становятся фуллстек-специалистами, которые умеют всё и сразу.

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

Если вы дошли до конца плана, то должны сами примерно понимать, куда двигаться дальше.

Спланировать развитие поможет дорожная карта веб-разработчика.