So, the path I followed was simple. I already had basic computer skills like everybody has. Then I headed to learn HTML and CSS. Working with plain CSS is tedious, so I learned a CSS preprocessor, SASS. These were my first steps. You can basically choose either the free one or paid, I've linked u some resources that helped me back then, and it's entirely up to you whether to learn for free or choose the paid one. More specifically,

Step 1: HTML and CSS
➔ Resources for Tutorial
    ▸ SuperSimpleDev YT channel 6hr course (free)
    ▸ Jonas Schmedtmann Udemy course (paid)
➔ Resources for Project
    ▸ JSM YT
    ▸ Traversy Media YT
    ▸ Free Code Camp YT
    ▸ Daily Tution YT
    ▸ Frontend Mentor website (to practice ur skills)

Step 1.5: CSS preprocessor (SASS) - there are a lot of tutorials on YT, just learn the basics.

Step 2: JavaScript
➔ Resources for Tutorial
    ▸ SuperSimpleDev JS full course on YT. He divided them by part and take all the lessons (free)
    ▸ Jonas Schmedtmann Udemy paid course. This is the best JS course on earth. (I have this paid course for free, I'll forward it to you)
➔ Resources for Project
   ▸ Traversy Media YT
   ▸ Free Code Camp YT
   ▸ Developed by Ed YT
   ▸ Ania Kubow YT
   ▸ Coding Addict YT
   ▸ Lama Dev YT
   ▸ Frontend Mentor website (to practice ur skills)

Step 3: CSS framework
➾ Choose one css framework and get familiar with it. Popular frameworks are Tailwind CSS and bootstrap. But I advise you to learn Tailwind CSS. It's very simple and you can learn within a day. You can find a lot of tutorials and projects in YT. Just type the word Tailwind CSS or bootstrap, and then countless videos will appear

Step 4: JavaScript Framework
➾ To be honest, there are many frameworks, and it depends on you. But, if I were you, I would choose React. React is a JavaScript library that's very popular and easy to learn if you know JavaScript.
  ➔ Resources for Tutorial
       ▸ Coding Addict YT
       ▸ Free Code Camp YT
       ▸ Dave Gray YT
  ➔ Resources for Project
       ▸ JavaScript Mastery (JSM) YT
      ▸ Clever Programmer
      ▸ Lama Dev
      ▸ Sonny sangha
      ▸ Developed by Ed

Step 5: Next.js
➔ React by its self isn't enough. There are things like Data fetching, State management, URL routing... React can't handle all this, so it requires You to install 3rd party libraries. But, Next.js handle them without needing to install any library  Plus, Next.js can be used for backend. So, you can do both the Fronted and Backend only using Next.js
➔ Resources
     ▸ Lama Dev
     ▸ JavaScript Mastery
     ▸ Sonny Sangha

Step 6: Database and Backend Language
➔ If you don't want to learn Next.js or if you don't want to do the backend using next.js, you can learn a popular backend language called Node.js. Node.js is a JavaScript runtime that allows You to write JavaScript code on the server. After learning some Node.js, learn yet Node.js framework called Express.js. These are very simple if you have a good foundation on JavaScript.
➔ Resources for Node and Express
     ▸ Dave Gray
     ▸ JavaScript Mastery
     ▸ Daily Tution
     ▸ Lama Dev
     ▸ Ania Kubow
     ▸ Free Code Camp
➾ Then Learn Databases. The popular ones are MongoDB, Cassandra, MySQL... Basically, databases are divided in to two. But there is not much difference between them, if you know one DBMs, the other will be simpler. MongoDB is the popular in JavaScript ecosystem. It forms the MERN stack when combined with Express, React and Node. It forms the MEAN stack when combined with Express, Angular and Node. Just choose your stack. There is also T3 stack (Next, Typescript, MongoDB or Firebase).

This will make you a proficient and modern Full-Stack developer. Basically, It's my personal getting started plan. If you want a detailed roadmap, just search on YouTube. Along the way,  there are technologies and libraries you'll learn in addition to what I told you. But don't worry you'll pick them up quickly, and instructors will cover them during the course. For example when learning React, the instructor might include Redux (a tool to manage states). Just don't forget to build as many projects as you can. Build Build Build, and you'll find yourself being a great developer one day