Освоить веб-разработку? Легко!

Чтобы стать профессиональным веб-разработчиком, нужно иметь какое-то руководство. Оно поможет структурировать информацию, отслеживать прогресс, находить слабые места в знаниях. Лучшее руководство напишет только опытный разработчик, он прошел путь от новичка до гуру сам и знает подводные камни.
В руководстве собраны советы от разработчика с 20-летним опытом. Он рассказывает, что нужно изучать, когда это нужно изучить, где можно это узнать (причем, бесплатно), как получить реальный опыт разработки и как заработать первые деньги на написании кода. Здесь отобраны качественные ресурсы, они помогут достичь успеха в программировании.
Итак, начнем с двух важных тезисов.

1. Разделы можно пропускать

Руководство будет полезно программистам независимо от их опыта. Прочитав введение, просто переходите к заголовку, который интересен и начните изучать тему. Если вы начинаете, то "начни с начала и продолжай, пока не дойдешь до конца. Тогда остановись!"

2. Познакомиться с разными направлениями и выбрать, что понравилось

Деньги - это не главное. Нужно ЛЮБИТЬ то, что делаете! Но как понять, что что-то любите, пока не попробуете? Сначала найдите любимую область, потом монетизируйте ее. Просто изучайте основы и переходите к следующему пункту. Как только найдете свою страсть, начните копать глубже.

Я решил научиться кодировать. Мне нравится Интернет. Я не знаю, с чего начать.

Это большой первый шаг и это очень захватывающе. Или страшно?! Это нормально! Первая цель - это быстро узнать обо всех областях веб-разработки. Необходимо изучать широко, но не очень глубоко. Это поможет найти область, которая понравилась, и создать представление о всех направлениях. Вы сможете оценить и справиться с множеством проблем, независимо от того, какая выбрана специальность.

Базовый HTML 

Язык гипертекстовой разметки (HTML) - отображает контент и макет того, что покажет веб-браузер. Начав там, вы дадите себе Пользовательский интерфейс, с которым вы можете взаимодействовать, и посмотрите результаты своего кода. Когда вы будете заниматься более продвинутыми языками, это станет приобретать все большее значение. Вы не хотите кодировать в темноте. Информация про HTML: 

Введение 

Теги, типы тегов
Структура HTML-кода
Значения атрибутов тегов

Текст

Изображения

Списки

Изображений таблицы формы 

Практикум 1
Практикум 2
Практикум 3
Практикум 4

P.S. Потренироваться можно здесь.

Базовый JavaScript

JavaScript - язык Интернета, все основные веб-браузеры (Chrome, Firefox, Safari, IE и др.) имеют встроенную поддержку JavaScript. Каждый веб-сайт или веб-приложение, имеет много кода на JavaScript. Сейчас JavaScript становится популярным и на других платформах, включая серверы, настольные компьютеры и сопутствующие устройства. Пока просто нужно понять основы:
Базовые вещи
Переменные и данные
Математические данные
Логические функции
Условные операторы
Циклы
Функции
Объекты 
Массивы 
DOM 
События
AJAX 
JSON 
Scope

CSS 

CSS - это каскадные таблицы стилей. Он используется для настройки внешнего вида элементов HTML на странице. В учебнике Mozilla получите основы, а затем обращайтесь к CSS-Tricks для решения самых сложных проблем CSS (используйте функцию поиска в правом верхнем углу).

Знакомство с back-end

На этом этапе пришло время перейти к «внутренней части». Это код, который выполняется на сервере. Ваш собственный компьютер будет хорошо выполнять роль сервера. 

Существует много базовых языков (Java, C++, C#, PHP). Я порекомендую использовать Node JS. Node JS позволяет обрабатывать код JavaScript на сервере (а не в браузере). 

В дополнение к Node JS вы должны узнать о Express и Mongo DB.

Express - это библиотека, которая упрощает работу Node JS в качестве веб-сервера. Mongo DB - это база данных. Он позволяет хранить и извлекать информацию. Вы можете узнать о Node JS, Express и Mongo DB, из бесплатного учебника.