Начинающий веб разработчик ?

https://www.w3schools.com/ - поможет понять основы, и начать самостоятельно развиваться

Начни отсюда

Приди к этому

+много ютюба и разных а+б=с написанных тобою, решающих рядовые задачи

Вообще самый простой маршрут, это практика и тыканье через парсеры, качаешь например, затем при помощи jq тыкаешься в сайты, вк\стим\стак оверфлоу, дополнительный функционал или банальный подсчет... По необходимости(24\7 по сто раз на дню) гуглишь, что-то не знаешь - console.log(); + гугл и всё

WEB разработка начинается с языка разметки HTML, это основа. Затем можно почитать на досуге CSS. В этом случае уже можно будет создать(или сверстать) web-страницу, этот файл будет с расширением HTML и любой браузер его поймет. Для того, чтобы начать писать HTML и CSS достаточно программы notepad++.

Вторым шагом, захочется оживить страницу, добавить динамики так сказать. Тут уже начинается программирование (Front-end). Здесь неплохо изучить JavaScript. Фреймворки советовать не буду, когда понадобится сам поймёшь что тебе нужно.

Третьим захочется сделать так, чтобы страницы генерировались в зависимости от каких либо условий. Или например позволять пользователям взаимодействовать с сайтом (регистрация, общение, тесты и т.д.). Тут нам понадобится PHP. На самом деле не обязательно PHP, есть много других языков, но я задачи на стороне сервера решаю именно на PHP. Чтобы писать код на PHP понадобится сервер (или упростим, нам нужен хостинг), хотя можно развернуть это дело и у себя дома, но какой смысл, если мы хотим размещать сайт в интернете. Кстати говоря PHP в голом виде это круто, но ещё больше крутости будет после изучения SQL для общения с базой данных - обладая таким багажом уже можно замутить довольно крутые, серьёзные вещи. Но будем двигаться дальше, поняв как работает протокол HTTP - а это довольно просто, мы можем задействовать AJAX. Познав все эти прелести ты будешь ограничен лишь своей фантазией!

И так на будущее, многие вещи уже изобретены и ими можно пользоваться, чтобы сэкономить время:

Чтобы не заморачиваться с дизайном - Bootstrap

Ускорить разработку на JS - JQuery

Парсим сайты легко и быстро - PHP Simple HTML DOM Parser

Пишем ботов, парсим и многое другое с супер мощным оружием cURL

Для фанатов JS есть NodeJS можно писать сервер на JS

Я лично проходил курсы WayUp по дизайну, а в последствии и по вёрстке. В перерывах от курсов изучал много материала на HTMLbook и HTMLacademy.

Самое важное, это не останавливаться и не ленится при обучении, всегда использовать поисковую систему для поиска ответов на нужный вопрос. Банальный запрос который я делал в поисковик - "как сверстать шапку" и пересмотрел кучу статей, видосов на ютубе и другие источники. В общем, важно - это уметь гуглить непонятные темы, желательно на английском языке, на зарубежных источниках информации просто вагон и тележка. Так же посоветую курсы на Udemy, там можно брать любой, но не ниже рейтинга 4.7 (личный опыт).

И да, лучше всё таки приобрести курс, хотя бы на Udemy, потому что бесплатное образование не так ценится, как платное :)

Удачи в обучении!