@freecodecamp

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.

@not-me45288

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

@rishabhdwivedi8904

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

@dominikawojewska3985

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

@FlezZyt

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

@jontar5970

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

@qonitchiwa

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

@bdp-racing

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

@profricci

I started my frontend development journey today 03/01/2025 3rd of January 2025 and this is my first video. I have the intention of commenting on all the videos. So help me God

@ianngila4444

Been a year and half since I started this .From a total beginner now am perfecting my skills in fullstack development looking to land a job this year...wish me luck 👏

@abdrahman-d7

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

@davidg5898

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.

@yahiazakaria-mk6xm

And we need Roadmap about CyberSecurity

@hiennguyen-lw6eu

We need backend roadmap .Who agree with me ❤?

@GirgisSawires

My journey to becoming a front-end software engineer starts now. I have computer science experience, but I think this is the specific field I want to follow

@DanyPellerin

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!

@ConnorXCX

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

@poilapan

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.

@codingSanjay

We need a full stack developer roadmap.

@Vaishnavi_KK_

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