As a frontend developer, there are several steps you can take to improve your skills and knowledge.
Here's a roadmap that can help you develop as a frontend developer.

Learn HTML and CSS
Start with the basics and learn how to create a webpage using HTML and CSS.
You should have a good understanding of semantic HTML, CSS layout, and responsive design.

Learn Javascript
Once you have a good grasp of HTML and CSS, move on to JavaScript.
Learn the basics of the language, including variables, data types, functions, and control structures.
Then, move on to more advanced topics like DOM manipulation, events, and AJAX.

Choose a Javascript framework
Once you've mastered the basics of JavaScript, choose a framework to specialize in.
Popular frameworks include React, Angular, and Vue.js.
Each framework has its own syntax and approach, so choose one that aligns with your personal preferences and project requirements.

Practice building projects
Build small projects to put your skills to use.
Start with simple projects and gradually increase the complexity.
This will help you to gain experience and develop your problem-solving skills.

Learn testing
Testing is an essential part of the development process.
Learn about testing frameworks and write unit tests to ensure that your code is working as expected.

Stay up-to-date
Frontend development is constantly evolving, so it's important to stay up-to-date with the latest technologies and trends.
Follow industry blogs, attend conferences, and join online communities to stay informed.