I want to get into web development, what should my web dev roadmap be?

I want to get into web development, and I want a clear roadmap on how I’m going to approach learning web development. By doing some research, I’ve came to conclusion that web development is separated into few sections.

So first I would need to learn the basics, which is basic HTML, HTML5, CSS and Javascript

Then I learn responsive web design with HTML and CSS

Afterwards, I choose a CSS framework, which will probably be Bootstrap

Then I’d need to choose a front end framework, I choose from React, Vue and Angular (maybe React? idk)

After learning front end I guess I’d move to backend. For backend, I think I’ll learn Node.js

Then finally for Databases, MySQL seems to the best choice

So the question is: do you think this roadmap is good? What would you change about it? Which CSS / Javascript framework would you choose?
I also know Sass and Typescript exists. When should I start learning these two languages?
Oh and also is freecodecamp a good series to learn from on Youtube? They seem to have very good and resourceful tutorials on each language I mentioned above. Or alternatively I can use their website, which grants me a certificate, but I’d need to learn every language in their website which seems like an overkill. What do you think?
Last question, but what IDE should I use? I have a Jetbrains educational license and so I can use their paid IDEs. This makes it so I can use either: Visual Studio / Intellij Idea / Webstorm / Phpstorm. Which one would you recommend?

Weekly News for Designers № 558

The 12 Best Double Exposure Effect Photoshop Action Sets – Create incredible photo effects in no time with this collection of Photoshop actions. UX Design for Navigation Menus – A look at the principles of navigation design and providing the best possible experience. Parsel – Download this tiny, permissive CSS selector parser. Write fewer media…

70+ Modern Corporate Brochure Templates

Brochures are an incredibly important part of identity and branding for any type of business. Whether you’re keeping customers informed, marketing a new product, or selling your services. A beautiful, modern brochure template can be a great starting point. We’ve tracked down some of the most beautiful, creative brochure designs to help you quickly get…

SmashingConfs, Inspiring Talks And Birthday Cake

Do you know when the very first article got published on Smashing Magazine? Well, it doesn’t take long to research and find out: it was back in September ’06. Since then, the web has obviously changed a lot, but there’s one thing that has always remained true for us: we care about quality content. We…

40+ Best Website PSD Mockups & Tools 2020

A great website mockup design can help to present your web design in a beautiful, unique way. This collection of website mockup PSDs is perfect for doing just that, and we’ll also share our favorite website mockup tools, and tips for creating your website mockup! Proper presentation is the key to delighting your clients. Whether…

What Your Clients Need to Know About a Website Redesign

When it comes to web design, there are a lot of misconceptions. Clients may not fully realize how much work goes into building a great website. Sometimes that leads them to ask designers to do things without understanding the required effort – not to mention the associated costs. Redesigns are among the toughest concepts for…

15+ Best Responsive & HTML Email Design Tutorials

How do you design an email that will result in plenty of opens and strong click-through rates? There’s a little art – and luck – that goes into email design. Whether you’re looking at the graphic and visual design, or the responsive HTML development side, email design can be a tricky business. Here, we’re going…