#1
@trunowКурс от Яндекса
https://praktikum.yandex.ru/profile/web/
Я не глядел, но для начала должно быть норм, - всё-таки авторство авторитетное
HTML & CSS
Там и самоучители, и курсы, и справочники
Лучше всего начать именно с верстки. Потом потихоньку добавлять CSS
JAVSCRIPT
Тоже тьма всего. Но я б с ним не спешил
Капитан Очевидность также рекомендует Википедию, Ютуб и Гугл/Яндекс
В частности, можно повторить/изучить общие вопросы, типа
- интернет (что и как), DNS
- админство всякое (сервера-порты-сокеты, Linux, терминал, ssh...)
- фронтенд / бэкенд - можно поискать каких-то блогеров на эту тему - бывают таланты. Но если не зайдёт - то и нафиг.
- повикить про PHP, Python
- повикить про Git - одним глазком
- базы данных - sql (MySQL и проч) и nosql (MongoDB и проч) - друшим глазком
И, в принципе, пока лучше не погружаться, не спешить. Лучше крепко понять базовые понятия. Повторение - мать учения и прочее, ну и можно завязнуть, пойдя тропой терминов - она бесконечная :)
Полезные программы, сервисы, утилиты
Chrome DevTools (или инструменты разработчика Safari).
Качественный блокнот, но лучше сразу IDE. Я уж год продал душу Microsoft Visual Code - он бесплатный и годный. Но можно тоже не спешить. Есть куча онлайнов, типа:
http://jsfiddle.net/ и https://codepen.io/ - как Кока и Пепси - четыре окошка - html, css, javascipt и результат - изучать / прототипировать - бесценно.
Мне ближе jsfiddle, но на codepen есть куча примеров и поиск.
Вообще, начинай смотреть на сайты, которые просто посещаешь, с техническим интересом - какие блоки, что общего, что новенького...
Цели:
- научиться базово заверстать простенькую страничку. Типа этой. Потом по-сложнее - форму какую-нибудь. То есть - идешь по самоучителю, и тут же пробуешь. Ну а там - куда любопытство выведет. Тегов дофига - знать их все не надо, но смысл понимать надо. Что в head и зачем, блочные/строчные, нафига аттрибуты и где без них не обойтись... Мне кажется, самоучители об этом и должны вещать, но если я заблуждаюсь - ни кипешуй, потом нагоним ))
- научиться смотреть/понимать чужую верстку.
Это всё ещё не программирование, но.. если сможешь заверстать сайтик карандашиком на бумаге без интернетов - программирование пойдёт семимильными шагами. Так что, повторюсь, не спеши.