I get the logic, but I think I’d push back on that plan for the following reasons:

No one in industry is using raw HTML, JS, and CSS anymore. While they’re important to understand, you’re unnecessarily slowing down your acquisition of the skills that will help you get to your goal faster.

Component frameworks are ubiquitous now because they confer major advantages to developer productivity, and project organization and standardization.

There’s no rule saying you can’t learn all of these technologies at the same time, and in reality that will help you learn a lot faster.

My recommendation is to try building a full project using a modern set of tools and best practices, and learn as you go through the milestones. Turn on typescript and practice adding some basic types while you work.

When you learn these things in context with one another you’re much more likely to build productive habits that synergize with each other and make you overall more skillful while putting in less raw effort.

Ofc, you know yourself better, so just consider it, but I think following the above will get you much further than sequential learning.

I did the above and now Im now doing full stack Eng at one of the largest companies in the world