Если цель - не набраться говна, то забудь вообще про курсы. Про любые. Про русские, про зарубежные, про курсы от Geekbrains, про курсы от HTML Academy, про курсы от индусов на Udemy, про курсы на Pluralsight, про курсы на LinkedIn Learning (Lynda).
И самое главное, забудь про курсы "делаем 21 сайт" и "с нуля до профи за 1-5 часов".
Цель этих курсов заработать на дурачках которые пытаются вкатиться в веб. Люди, которые рассказывают что посмотрели курсы и вкатились, вкатились бы и без этих курсов по любому другому материалу (если не врут, разумеется, что вкатились).
Нужна крепкая основа - Learning Web Design, 5 издание от 2018 года. В ней есть абсолютно все что нужно по HTML & CSS, включая огромное число линков на сторонние ресурсы, статьи, сервисы. После этого можно почитать CSS Secrets от довольно известной тянки которая часто выступает на фронтенд конференциях, эта книга уже не для начинающих и как раз таки учит очень продвинутым техникам, которые вкатывальщики после курсов потом сделать банально не могут, начиная от различных форм у блоков, которые дизайнеры любят засовывать в свои макеты, и заканчивая продвинутыми техниками для шрифтов, чтоб потом эти вкатывальщики не тянули 50 строк кода когда решение можно найти всего за 5-10 строчек.
После этого верстка, верстка, верстка. Разумеется, писать код ты должен был начать еще на третьей-четвертой главе LWD, а не только сейчас. Без бутстрапа. Без препроцессоров. Не простые лендинги с ютуба по запросу "PSD to HTML". Будет штук 5 сложных макетов - можешь сделать парочку с CSS фреймворками, препроцессорами, бандлерами. Раньше лезть к ним смысла нету.
На этом этапе ты уже будешь лучше чем процентов 80 откликающихся на вакансию которая была у нас в компании.
После этого можно браться за JS. Если опыта программирования нету - Eloquent JavaScript. Там прям как для дотеров объясняют начиная с как работает программирование и заканчивая регулярками, канвасом, формами, а так же дают задания и прочее. Книга, к слову, бесплатная и третье издание от 2019 года. Это даст всю необходимую основу по ванильному JSу. После этого можно прочитать весьма популярные бесплатные книги You don't know JS, это прям совсем совсем продвинутый материал чтоб не писать говно вместо кода и понять что до прочтения этой книги ты писал говно.
Ну и на этом этапе у тебя есть очень сильная база по HTML, CSS, JS, имеется опыт верстки и неплохое портфолио. От тебя требуется сделать выбор между Vue / React / Angular (на 90% выбор будет делаться между Vue и React), открыть официальный сайт по выбранному фреймворку и проштудировать от корки до корки доку на их сайте, сделав один хороший проект для портфолио. Книги в данном случае не советую, потому что фреймворки развиваются быстрее чем по ним успевают писать книги, да и мало кто объяснит тонкости и работу фреймворка лучше чем его разработчики на официальном сайте.
Где-то в этот момент ты начинаешь делать свое резюме и откликаться вообще на все подряд вакансии по фронтенду. Для развития делаешь пару проектов (можно на втором фреймворке, чтоб больше вакансий захватить), тыкаешься в leetcode, можно потыкаться в алгоритмы если скучно станет на каком-нибудь CodeWars (только не делай это занятие основным, это просто дополнительное обучение которое развивает думалку и позволяет отдохнуть от типичных фронтендерских задач), почитываешь css-tricks, чтоб за своим приятным изучением JS не забыть о том что CSS тоже развивается и делает это весьма быстро.
Разные мелочи вроде гит+гитхаб, кроссбраузерного тестирования, поддержки браузеров и прочего я не упоминаю, потому что это все будет упоминаться в процессе изучения и сам до всего этого дойдешь.
Как более слабая, но более приятная (за счёт кучи опущенных деталей) для чтения альтернатива - MDN Web Docs. Английская, разумеется, потому что русский перевод там убог и при этом сделан только процентов на 60. Там вполне неплохой курс по HTML, CSS и JS есть, если уж прям сильный негатив к книгам. Более полной и правильной информации не считая книг ты просто не найдешь, не просто так именно этот сайт является самой популярной документацией и встраивается в любую IDE которая работает с фронтендом. Даже если ты будешь читать все книги которые я упомянул выше, ты все равно будешь часто посещать этот сайт.
Нажмите, чтобы раскрыть...