Front End Developer Roadmap 2024

Learning the technologies covered in this video and course will prepare you to be a front end developer. But there is alway more to learn. Let others know in the comments what other technologies are helpful to learn as a front end developer.

2:58 How the internet works? 3:25 HTML 3:52 Code Editor 4:13 CSS 4:37 JavaScript 5:35 Version Control Systems ( Git) 5:48 Github 6:05 Package Managers 6:26 Bootstrap 6:37 SASS 6:59 React, Vue or Angular 7:16 Tailwind CSS 7:55 Byte (front end tooling solution) 8:18 JS testing tools (Jest, Cypress) 8:42 Typescript 9:21 OWASP 9:29 Restful API 9:39 GraphQL 9:58 Next.js 10:15 Astro 10:43 optimization and efficiency 10:55 Google Lighthouse 11:03 React Native

I'm sorry but this is not a roadmap. It's more of an overview of what's out there with a rough order in which to learn each thing. A roadmap would be more like this: 1. learn HTML and CSS 2. learn some JavaScript 3. learn git 4. build some projects, use git, deploy to web 5. learn DOM manipulation and async JavaScript 6. build more projects 7. pick some CSS preprocessor and/or framework and build some projects 8. pick a JS framework, build some projects 9. learn a state management framework for that framework from point 8., build some projects 10. learn some databases 11. build a project that looks and feels like a real world app, learn anything else that is needed for this project, then repeat

You guys at Free code camp have done a lot for humanity. Prosperity and history will be kind to you. Keep it up.

And we need Roadmap about CyberSecurity

Thank you so much for this video, you came thru right when I was feeling overwhelmed while getting introduced to front-end development.

Man Love you bro! So grateful to have been blessed with such powerful knowledge. Thanks a TON. Just started on self learning path, only youtube for now... I have written down every single point of this video in my sticky notes, and marked the parts I've learnt/Practiced already... Obviously will keep practicing until the end of time to improve myself and keep learning these tools and technologies that you mentioned. You are GOD-sent... Can never thank you enough. This will definitely help me a lot as I'm hoping to get a job soon. Eternally grateful for this "precious knowledge" ❤

I woud love to see this for other careers! Such as backend or machine learning

Thank you Beau. This video has really helped me visualize and understand the roadmap to front end development

I started with html and its now been 2 months, I'm learning css advanced and I'm really excited to continue this journey

Thank you! I've just learned basics of react, started to learn typescript and tailwind. And felt kinda lost. Now I know on what i will concentrate my resources next^^

Crazy how much you can learn while eating a bowl of cereal. Thank you for making it easy to learn with these videos

Love your courses. As someone who is self-taught, your videos have helped me fill in some gaps and better standardize/organize my practices. The most difficult part of front end for me is the visual design. I can make very intuitive and efficient interfaces, but making them look pretty is never my strong suit.

Im newbie, mean beginner in front end development with Freecodecamp association. I love what you do teaching amazing stuff big thanks 🙏

Although I'm not a beginner and have a good grasp of most of the technology mentioned in the video, I felt overwhelmed by the multitude of technologies in the video

Thank you so much for this video. It has really given me a clear headway on this incredible journey. Just started Javascript and I can't wait to learn more 😇

Well done my friend, the update this road map provides is really great.

We need backend roadmap .Who agree with me ❤?

dude, this came just in time, im already a backend developer, and I know just a little about frontend, specially styling is not my strong point, anyway I needed to know where am I at the moment and what is the direction. thanks a lot for this.

Thank you very much for this. I have been confused on what to do next for a while. This is really helpful.