1)Идешь на htmlacademy.ru и проходишь все бесплатные курсы.
2) На этом пункте,невольно задаешься вопросом,как тебе использовать эти знания. Смотришь как верстать простейший макет
https://www.youtube.com/watch?v=vFjRVugE030 на float.
3)Проходишь все платные курсы.
4) Читаешь
https://www.ozon.ru/context/detail/id/22435909/ эту книгу. Можешь найти на просторах в инете.
5) Берешь самостоятельно простенький макет и верстаешь его на флексах и адаптивно( на этом пункте будешь знать что это.
6) Читаешь
https://www.ozon.ru/context/detail/id/137213400/ .
7) На этом этапе ты знаешь что существуют предпроцессоры,и хочешь изучить,советую
https://youtu.be/H4cG4tbc-xQ для знакомства.
8) читаешь такое и присматриваешь что учить дальше:
1)
glivera-team.github.io/how-to/2016/05/02/how-to-st...
2)
https://coggle.it/diagram/52e97f8c5a143de239005d1b...
3)
https://github.com/zualex/devmap
4)
blog.flppv.me/all/frontend
5)
https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
6)
krekotun.ru/ui-developer-skills.html
7)
Как быстро подтянуть свой уровень веб-разработчика, чтобы соотвествовать требованиям работодателей?
8)
webmasters.teamdev.com/#html
9) Дальше думаю сам разберешься,Удачи!