Where is the mark when you can start learning new things?

Question

IT education

Based on data from Frontend roadmaps, job requirements and YouTube, I made a plan for myself to study individual topics (starting with layout) in order to adhere to some kind of structure.

Why layout, and not all at once? Probably because it seems to me that this is easier and you need to go to Front (of course, not excluding elementary skills in JS). And yes, I’m almost 30 and it’s extremely difficult to combine self-study with a full-time job (5/2), so I think I can start small (and you can also find work in this direction).

What is the question / request:
- where to get materials / tasks (specifically, portals dedicated to specific topics of the plan)
- what is missing in the plan and in what sequence

The 1st question seems to be inaccurate, because and it is clear to the student that: in courses, YouTube, textbooks, https://htmlacademy.ru/ , etc., but until what stage should a specific block be taken and studied? For example, there is a lot of material on www.w3schools.com and it would probably be wrong to take all the data at once and say, "Why"? Accordingly, it seems that in order to learn basic HTML, you need to read all the textbooks, etc.

- Where is the mark when you can start studying the next block?
What is missing from the plan?

The plan itself:

HTML
- базовые знания

CSS
- базовые знания
- позиционирование
- блочная верстка
- флексы/гриды

SASS
- базовые знания
- миксины
- переменные
- условные операторы
- циклы

Адаптивная/Кроссбраузерная верстка

Работа с SVG форматом

BEM

Git

WebPack
- gulp
- pug

Bootstrap

Further or parallel study of such areas/tools/directions: OOP, Solid, DRY, Kiss, perfect pixel, ajax, json, npm).

Fix all this with practice, create any lp from https://onepagelove.com/templates/free-templates or so.

Answer 1

Go from simple to complex.
Your list is an incomplete list of the basics.
There are still 100,500 points to be explored.
There is a good roadmap
There are a lot of points, scary, but almost every point is a small unit that is not difficult to understand and pull in your mind on the knowledge that you already have.
There, perhaps the 13th point is more related to the backend, but this is a close topic and it would be nice to understand what is going on approximately on the server.

Answer 2

Dolby framework and layout, that's all you need for a junior

Answer 3

Hello. Go gradually from simpler to more complex and try to rest between studying topics. In terms of tasks, it is best to take them from the free part of the Yandex Practicum frontend developer course. Good luck with your study.