Как только вы попытаетесь разобраться в сфере web-разработки вам попадется два термина Front-End и Back-End в основном на эти два типа делится web-разработка.
Front-End это что мы привыкли видеть при посещение сайта то есть дизайн, анимация и функции на стороне пользователя
В основу Front-End лежит язык гипертекстовой разметки HTML отвечающий за контент содержащий на странице например текст, заголовки, картинки, видео и т.д. После идет язык каскадных таблиц CSS он отвечает за внешний вид странице то есть цвет, расположение элемента, шрифт и т.д. Далее идет язык программирования Java-script он был создан для контакта с пользователем и оживлением страницы например запрос, нажатие клавиш, перемещение и т.д.
Так-же Front-End разработчику было бы неплохо знать photoshop и avocode для работы с дизайном сайта.
И если Front-End это внешняя часть с функциями то Back-End это уже программы которые выполняются на серверах.
Сервера в свою очередь мощные компьютеры на которых хранится сайт допустим вы заходите на сайт и входите в личный кабинет ввели свои данные логин и пароль и нажимаете войти после back-end перенаправляет информацию на сервер и после начинает проверку кто к нему обратился верна ли информация и совпадает ли она и после он отправляет клиенту код личного кабинета или же при неверной информации отправляет ошибку пользователю это малая часть возможности back-end разработчика он отвечает за хранение данных за их организацию создание систем резервного копирование и многое другое.
После того как вы определились с выбором Front-End или Back-End то вот ресурсы для изучение языков.
Front-End:
HTML и CSS-htmlacademy.ru или webref.ru
Java-Script-learn.javascript.ru
Back-End:
Python- Книга Byte of Python, Грокаем алгоритмы
Изучение алгоритмов-http://euler.jakumo.org/
Python-https://groosha.gitbook.io/telegram-bot-lessons/
После много практики и продолжение изучение языков и тогда вы будете отличным специалистом!