To grasp the basic concepts I would recommend the certification courses by freecodecamp.org. There are a lot of exercises for each course. Complete all the exercises to understand the basic concepts of web development.
All you need is a basic understanding of the concepts and after that move to practice as soon as possible. Start making a small website of your own by implementing the concepts you have learned so far. The exercise projects listed in freecodecamp.org will also help you start.
After all these you can choose a path you like – a frontend developer or a full stack developer. Each track has its advantages. As a frontend developer, you focus more on the User Interface and learn and focus on frontend libraries more.
And as a Full-stack Developer, you will have to learn about more back end related stuff like database technologies and server-side scripting languages. Popular programming languages like Python, Ruby on Rails, JS have a huge importance in the backend. In this, you will have to learn frameworks like Node.js, Django, PHP, Flask, Asp.net, and database technologies like MySQL, MongoDB, Firebase.
You could create mobile applications with the technologies you have learned so far. The popularity of hybrid mobile applications has motivated a lot of web developers to start developing for the mobile. With basic knowledge about HTML, CSS, and JS you can develop a mobile application using the mobile application development framework, Apache Cordova. If you have learned react or angular by this time you can try out React Native and Angular with ease respectively.
Web development is an area where new frameworks and tools are born within a blink of an eye. So it is very important to stay focused on new trends. Trying out new technologies and working on projects helps you to master them very well.
“Practice doesn’t make perfect.
Practice reduces the imperfection.”
― Toba Beta