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.

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

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

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

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" ❤

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

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

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^^

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 😇

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.

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

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

i hope you also make a front end course with realworld point of view to making and developing a project (like using bundlers like vite and use npm and command lines-what should be the way we should organize folders in our project and so on ...) completely like how we should work in a real company thanks alot

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

And we need Roadmap about CyberSecurity

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

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.

Great videos! Could you also create videos for mock interviews in JavaScript, React, Angular, Node.js, Express.js, and cover both junior and senior positions?

This video is amazing! All the relevant info condensed in just a few minutes! You deserve the best! Godddd, amazing!

You guys are awesome! I have learned so much from your courses

Thank you for this! My goal is to be a front-end developer! This is great!

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

We will really appreciate the same video but covering the Backend roadmap! If anyone knows anything about it, I could use your help! Thanks for the amazing videos and tutorials. I wish you guys the best!

Your videos have helped me get better but still finding it difficult to get better at JavaScript

Nice! Now we need a roadmap for backend

Can you make a video on a roadmap for a Data Scientist? It would be really helpful. Thanks!

We need backend roadmap .Who agree with me ❤?

This looks like a lot but also helps one know where to start and what to research about. Thank you

Mister if you could try to add more of Kevin Powell CSS courses on the channel like the introduction to responsive design video🤗, thanks a lot for the efforts❤🙏🏿.

I’m currently studying computer science and following this road map. I’m striving to be employed by the end of this year. 🙏

We need a full stack developer roadmap.

Thank you for doing this can you also do roadmaps for back-end developer, mobile app developer and cybersecurity expert.

Thanks for so useful video. I will also wait for the backend roadmap

Please make a video on road map for becoming a Backend developer as well!!

O comentário em português que você procurava. Após um belo esclarecimento na voz feminina vendo o barbada, é hora de se planejar para uma maratona de estudos. Sucesso a todos!

Wow Beau's content after a long time. Reminds me of 2019

just finished html course today, this video feels like it was made for me

Thanks a lot for your job and for a helpfull content! Already study 👍

This was very informative. Thank you Free code camp !

Will start following and using this on the side. I start courses 1/2st week of December with UCF for front end web developer

Awesome! Thank you for this! Do you also have one for Backend?

will you make an backend developer roadman? it would be great!! thx for the video and resources! :D

This video is very good! Can you guys do more Roadmap videos?

Great video. Would be great to see other carrers too.

The Zero to mastery Course (React Developer 2023 on udemy) contains All these Technologies in One Course building a massive project ..i love these roadmap

Need a roadmap for Backend development too. 🙌

Excellent video. So clear. Wish I had this chat when i was first learning.

The fact that nut dropped on his shoulder at the end of the video was the most exciting

hi man! God Bless You! Right now the best thing I can do is to pray, I hope in the future I can meet you in person and find various opportunities to thank you in person. I wish you and your family the best, may God protect you.

Backend developer roadmap would be so helpful.

Very thankful for this One.. thanks a lot.. Even a nobody 😅like me (for now) got hopes for frontend!!!

God bless you for your work!

Bora galera BR que vai se tornar Programador em 2024! 🇧🇷🇧🇷🇧🇷

Interesting video. Hope you'll release one for backend too

Please provide backend developer playlist also all at one place will be very helpful

6-12 months for beginners 😮 i feel very stupid then because I have barely moved through HTML, CSS and just started basic JavaScript...let alone everything else mentioned in the video and it's already been 2 months 😅 I hope I can speed up my learning with this roadmap. Thanks guys!

And we need back end version of this. Pls and thank you.

I wish the React course on freecodecamp could be revised to functional components.

Thanks a lot for the overview!

19 and already finished the roadmap we came so far fr

Thank you so much , sir!

That is great and highly helpful! Thanks a lot!

cool video. it would be great to see about backend roadmap too

Very useful. Nice work!

freecodecamp we need a video like this one but for backend development roadmap

Currently doing my Responsive Web Design Courses.

Can you create a roadmap video of back end development, this was great.

Thank you so much for giving the information....

Thank you so much for sharing your knowledge❤

thanks for sharing this information, this guide our path , and the short explanation gives a view of tecnology.

Thanks so much for this. Please can you do the same for backend or full stack. Thanks in advance.

Ignorance is bliss. Looking at this almost makes it sound easy to learn all these thing. Sure basic HTML and CSS is easy (some could even argue css can be challenging). Getting into JS is a different story, learning the foundation, the patterns, the pitfalls, learning some framework is far more challenging than it seems and will take easily take years to master. How to even debug properly, use the dev tools. Accessibility? Did we even mention that? You also need to learn to collaborate and there's a lot of tooling around that, Figma, Miro, etc. Then you need to learn the domain you're working in, the business logic. You also need to learn to write clean code and learn to work with other's people code. And how to refactor legacy code. How to write code that is low coupling with high cohesion? Sounds easy, right? Then you need to learn some architecture, how to design a solution, how everything connects together, the different development environments, UAT, preprod, prod, QA. Ah right, how are we tracking the code and getting customer feedback? Oh and I forgot, what about the methodology, how to be truly agile. I didn't even cover how testing can be challenging. How do you debug those tests, how to write meaningful tests. Oh and the metrics. Then to prepare for interviewing you better know some data structure and algorithms, and be able to communicate your thought process clearly, under pressure. Many other things I'm not even talking about and some I barely scratched the surface. Did I even mention security? Being a developer is a bumpy road and it's extremely challenging. Everything you learn now will be outdated in a couple year so better focus on the foundation. But still, there's just so much to know and it's always evolving. Good luck with all that, hope you get good seniors to guide you gently and not some hardcore PMs with impossible deadlines!

Would love to see for backend roadmap.

Very very nice video about the roadmap of the front End

Please make a backend developer, devops, data analyst, data engineer, data scentist roadmaps

Thank you for the lesson.

7:54 it's actually 'vite' for those who may not know

I think Bun 1.0 should be added to this list because it encapsulates a lot of concepts and basically replaces Node with faster build time.

Amazing, thank you 🎉❤

Thanks alot Mr. Beau Carnes💯

learn JS, html, css, flex, grid, bootstrap, react, node, git, next, react native, tillwind and 10 more technologies build 5+ projects of your own, learn entire JS and React documentation and this will be not enough to get a free internship, everytime you finally deepen your knowledge you open the site with jobs and the requirement are insane! They ask you to have 12 month of experience and 5 more new techs to know. This roadmap has no end i swear!

Thank you for this!

Best content in the web about programming

Thank you may god bless you team ❤

Please can we get a roadmap on becoming a Data Scientist with Python

This the Chanel giving best for everyone great job 👏 🙌 👌

This video is not only about front end tech stack, but back end too! This video is about fullstack web dev roadmap!

Thank you for this helpful video. Can you make a video about full stack developer roadmap

It will be great to make some other playlist with other programming language or IT role, its planty videos onthis channel and its can be realy helpfull to make some learning Path like this ;>

A backend engineering roadmap please.

We need roadmap for cybersecurity and back-end please ! Thanx for All

Thanks man, great stuff, very helpfull.

Thank you so much!

One of the best youtube channel

Fell from heavens. I needed to see that video. I am trying to learn front end on my free time after work and so many times it feels like it has no end and i wont make it, but now i see good chunk of the work is already behind me. Kind of relief but still much to do. Thanks for the video! 🙏

Inspiring as usual!

love this, thank you

I believe that there is a technical error at 7:58. The video states that "Byte" is a "next generation front-end tooling solution". It should be "Vite", as in ViteJS, by Evan You and contributers.