Научиться веб-разработке.
Спартанский план на 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 и обновить её на хостинге.
Посмотреть прошлые темы и повторить то, что забыли или пропустили.

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

Что дальше?

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

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

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

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

Игорь Петров принял вызов Главреда

Пиктограммы Сергея Чикина