A good place, in my opinion, to start would be something like https://roadmap.sh/frontend. It lays out a good tree of knowledge that you may start following. Really, at the start, your looking to dive deep into topics such as HTML, CSS, and JavaScript. Also you'll want to start getting a good foundation of how the internet works in general (stuff like HTTP, SSL, etc.). This stuff becomes your bedrock that all your other Frontend skills will build upon.

You can also look to some guided courses that may help if you just need some direction. Odin Project is a good one and free. Colt Steele has a good one (my nephew worked through it and liked it) on Udemy called the "Web Developer Bootcamp". Don't pay full price though for that one, clear your browser cache, go into incognito mode, etc and you should see it discounted to like $20... if a sale isn't already running.

I can't emphasize enough... learn HTML, CSS, and JavaScript deeply. They are the foundation before things like React, Angular, etc. Don't fall for the "get rich quick" promise of frameworks. Nothing makes a senior developer more insane than when you come in as a "React whiz" but don't understand the fundamentals at all.

And finally... BUILD BUILD BUILD. Build and abandon a thousand projects. See something on a website or in an app you like? Try to recreate it. Learn to pull it apart and see how it works.

If you have never done anything like this, your going to hit rough patches. The pain you feel is "learning". I'm the lead dev on my team and they act like I'm some genius. Truth is, I'm a slow learner but I'm not afraid of being uncomfortable and experimenting all the time. Best of luck!

MDN Learn Web Development

https://developer.mozilla.org/en-US/docs/Learn

Front-end development is fundamentally about programming a web browser. Make sure you eventually deeply understand that execution environment [0].

Do not ignore the fundamentals: HTML, CSS, and JavaScript have been, and still are, the foundation of front-end development.

[0] https://developer.chrome.com/blog/round-up-of-web-browser-in...

i’d start with frontend masters free courses and after that either get a paid subscription or use youtube and build stuff.

I have a friend that did exactly this last year and he’s in an entry level position now :)

https://frontendmasters.com/trial/

Skip right to the bleeding edge:

NextJs, TailwindCSS

Ignore everyone that tells you to learn the fundamentals. Ship your software on vercel

1. *Learn the Basics of HTML, CSS, and JavaScript*: - Start with HTML to understand the structure and content of web pages. - Move on to CSS to learn how to style and design the visual aspects of web pages. - Dive into JavaScript to add interactivity and dynamic behavior to your web applications.

2. *Understand Web Development Fundamentals*: - Learn about the client-server architecture of the web. - Familiarize yourself with the Document Object Model (DOM) and how it allows you to manipulate web pages. - Study web protocols like HTTP, HTTPS, and the role they play in web development.

3. *Explore Front-End Frameworks and Libraries*: - Become familiar with popular front-end frameworks like React, Angular, Vue.js, and others. - Learn how these frameworks can help you build complex and scalable web applications more efficiently. - Understand the benefits and trade-offs of using different front-end frameworks.

4. *Develop Responsive and Mobile-Friendly Designs*: - Learn about responsive web design principles and techniques. - Understand the importance of creating mobile-friendly user interfaces. - Explore CSS frameworks like Bootstrap, Foundation, or Bulma to simplify responsive design.

5. *Dive into Web Performance Optimization*: - Study techniques to optimize the loading speed and performance of web pages. - Learn about web optimization metrics like Lighthouse, PageSpeed Insights, and Core Web Vitals. - Implement best practices for optimizing images, scripts, and other assets.

6. *Explore Web Accessibility*: - Understand the importance of making web applications accessible to users with disabilities. - Learn about WCAG (Web Content Accessibility Guidelines) and how to implement them. - Familiarize yourself with tools and techniques for testing and improving accessibility.

7. *Practice and Build Projects*: - Create simple web pages and gradually build more complex projects. - Participate in coding challenges, hackathons, or personal projects to apply your skills. - Contribute to open-source front-end projects to gain real-world experience.

8. *Stay Up-to-Date with the Front-End Ecosystem*: - Follow industry blogs, podcasts, and social media channels to stay informed about the latest trends and best practices. - Attend local meetups, conferences, or online webinars to network and learn from the front-end community. - Continuously improve your skills by learning new technologies, frameworks, and libraries as they emerge.

Remember, the key to becoming a proficient front-end developer is to practice consistently, build projects, and stay curious about the ever-evolving front-end landscape. Good luck with your journey!

The odin project is apparently the best way (numerous reccs)

Use angularjs