The Complete Frontend Developer Roadmap [2024]

[@programmingwithmosh]

📕Download the FREE roadmap PDF here: mosh.link/frontend-roadmap 👍Subscribe for more useful videos: goo.gl/6PYaGF

[@djlclopez128]

Can you please make a Ruby roadmap

[@SQARM1]

download link doesn't do anything

[@shreyaschillal]

✓HTML : structuring ✓CSS: CSS Prepocessors(SAAS),CSS framework (Tailwind,bootstrap) ✓JavaScript': Js framework (React, ✓Typescript: static typing ✓Git (vs system)& GitHub (collaboration) ✓Atomated Testing: Jest & Vtest ✓Meta framework: Next.js(React applications).

[@suryasumanth4572]

can yoy provide me sources to learn next Js

[@pa3da4achannels63]

have you already got a job?

[@SaidKaka10]

@@pa3da4achannels63 answer bro did u get a job with this front end skills

[@creative2772]

@@SaidKaka10 I think the bro is in deep thinking... he spent hours and hours in coding and tutorials but has no shine in life... hehe

[@larbesabdellah7079]

The most comprehensive explanation, I'm a new subscriber, I liked how simple and clear the roadmap was

[@faisalhrbk]

i have learned html and css now heading towards js

[@amankosariya9979]

Please make a video on what a full-stack developer actually does in a company, like how they get projects and deploy them. Or any other type of work a developer should also do, show in video. On KZbin, a software engineer uploads a video of a day in the life of a software engineer or web developer, but they just show his daily routine. So please tell what actually a developer do . Thankyou

[@bogdanpetre4181]

the 'day in the life' videos only show you that because in most cases filming what you're actually doing for work and making it public is forbidden by companies through nda's or other kind of legal documents. What a developer is 'actually doing' you won't be able to see unless you are one or live with one. In any other case there will be filters. I don't think Mosh is going to be able to show you that either, as every developer job is pretty diverse in daily activities and everyone's day can look drastically different.

[@amankosariya9979]

Oh, that's why SE 's 'A Day in a Life' type video fast-forwards their office work. Because it violates the company rules . But I'll wait to see what mosh view

[@programmingwithmosh]

That's an interesting suggestion I never thought about before. I'll have to see if/how I can present that in a video!

[@amankosariya9979]

​@@programmingwithmosh waiting for that video. 🤞

[@IamAtashi]

@@programmingwithmosh I would eagerly wait for you to upload it soon :))

[@nemeesview]

The best channel I've ever met. Easy to understand bcz you use very simple English. Highly recommend

[@robel_asefa]

Mosh, you're truly one of the best and most unique content creators I've ever come across. Thank you so much for everything you do! 🙏

[@abdulraufmirani]

Thank you so much, Mosh! I hope you can create a similar video outlining a roadmap for becoming a Full-Stack Developer as well. 😃❤

[@zydbinak2561]

Assalamu Alaykum Brother

[@abdulraufmirani]

@@zydbinak2561 Wa alaikum as-salam Brother! How you doing?

[@zydbinak2561]

@@abdulraufmirani Alhamdhulillah, I'm Doing Good Brother, How about you ??

[@kzmn941]

Awesome. Waiting for a roadmap for backend developer too.

[@riceburnerthenpc]

do the one for backend soon

[@AngelicaDFranklin]

5mins in and this is by far the best break down video to understand from a person coming from a marketing background looking to pivot into tech to become a software dev. Thank you, I cant wait for the backend video. It clear, succinct and easy to follow

[@GrowWithme66]

Thank you for a beautiful content ❤️ And create a video for full stack developer roadmap ❤

[@programmingwithmosh]

Will do!

[@Tima-er4zd]

the most help[full video I've watched in this context. thank you a lot. we needed it as beginners

[@techthief3278]

Thank you so much, Mosh! I hope you can create a similar video outlining a roadmap for becoming a Backend & Full-Stack Developer as well.

[@programmingwithmosh]

It’s coming!

[@TareqAhmed072]

All of your videos have so much acceptancy to the aspirant programmers people, Mosh! Hope to have a similar video on a roadmap for becoming a Data Scientist/AI & ML Engineer.

[@jaimeallende9290]

Thank you for the road map. This video just came from heaven!!!

[@idealist21]

I would appreciate your answers regarding the potential of doing a project or getting a job at the end of 12 months. Thank you. The video was very good.

[@ArashNegahdari]

Wow thank you Mosh, please go for the Back-end ASAP please.

[@HMOsman-ml9qp]

This is the most straightforward web development roadmap....

[@mistersir3185]

Hell yeah! Thank you Mosh! I hope you can do a similar video for Back-End Development. Best, Mr.Sir

[@programmingwithmosh]

Sure thing!

[@codegenius757]

@@programmingwithmosh Please Mosh! Make a video about Full Stack Development too. I will wait so

[@mistersir3185]

@@programmingwithmosh you’re simply the best!

[@Pareshbpatel]

Nice Frontend Developer Roadmap. Thanks Mosh. I hope to use it to fill in the gaps in my skill set. {2024-06-08}

[@YunusAhmed-bs3nb]

Thank you Mosh. The video seems simple to understand and implement but without persistency and practice it's hard to become a front end developer.

[@devbasit]

Whats your next course? I have given poll for spring boot. What you have decided finally?

[@SudhakarV-n9r]

The way of presenting video makes more interesting the colors and video effects makes feels simple to learn things

[@Muheshemsu]

Thanks a lot, especially for the road map

[@alemumulu]

Thankyou very much Mr.Mosh you are real showing the clear map of frontend developer

[@rashmikadk6796]

Hope you will bring a video about backend too❤

[@programmingwithmosh]

Yes, soon! Stay tuned!

[@siddanthimaukthika9323]

Thank you so much for the road map!. I hope can you create a similar video for becoming back-end developer and also for Full-Stack Developer as well!.

[@irfansaeedkhan7242]

6 to 12 months only for frontend ? too much man , a person can become fullstack in that time

[@AthanSMaliakkal]

I think 1 year is good for people who does other jobs like I am a university student and I like to learn programming. I mean I am a programmer,I am just stating a example.

[@D4done.]

​@@AthanSMaliakkalre u just starting?

[@AthanSMaliakkal]

@@D4done. No. I started when I was 11 year old. Currently I am 19

[@AthanSMaliakkal]

@@D4done. No. I started when I was 11 year old. Currently I am 19

[@alxfort39]

Just because bootcamps say you can be a full stack developer in that amount of time but it's truly unrealistic. You will have a very basic knowledge on everything you have learned but you will still need to practice on your own for a while.

[@muchamadfaiz2391]

its outstanding explanation video as always mosh!! please make it for backend development too

[@LANRIE-DEV21]

Thanks, Mosh, really appreciate this🙏🙏🙏

[@Yourboyspeedruns]

Still in 9th grade and after 2 months i got the concept of html and css and made a clone of KZbin so i am currently on track 👍

[@martapfahl940]

Nice keep it up!

[@Yourboyspeedruns]

@@martapfahl940 thanks man hope you achieve any goals you have as well

[@yeabuca]

You got it👍

[@anilpandey581]

Tell me channel name bro ..

[@aruniagam9442]

SuperSimpleDev​@@anilpandey581

[@rykendg3914]

Would starting a career from scratch in web development in my 40s still be a good option?

[@dadi_vlogs3254]

Hello Mr. Mosh, I think you underestimated the period of learning these technologies. Because, all in all, the whole period is 12 months and this period is dedicated to having a solid knowledge of JavaScript as far as I know at least. In any, have a bucket of fun to you for your presented efforts.

[@BeginnerBitsHQ]

wow! thank you for your hard work Mosh

[@KhadijaAkhtar-i3q]

I'm incredibly impressed with your presentation slides and teaching style! 🌟 I regret discovering your channel so late. 🙁 Thank you for the amazing content! 📚🙌

[@AARIV]

Why don’t you make a broad course covering all these?

[@godhandinfamous]

this map will guide us to the promise land, thank you Mosh

[@walherb]

After subscribing and confirming subscription, the link to the front-end developer roadmap is not received, I have even given up since it's late in the night.

[@midnightdemon9157]

hello mosh ❤ i was wondering is front end development worth learning now after the Ai thing and is it a good paying career ?

[@ManuelSeva-m2j]

I don't receive the roadmap

[@secondchance598]

I thought I didn’t either but you have to check “all mail”.

[@svag_g]

These are the tools to become frontend developer. Learning to design sites is also important according to me. I know html , css, js but I still struggle cause I don't know where to start. There are many sites which provides UI templates but I think it's good to know how to design.

[@iqamat-e-deen-1]

@Mosh please make a video on the backend roadmap. Thanks.

[@programmingwithmosh]

Done! Watch it here: kzbin.info/www/bejne/hZaoeX2dr9aGZ80si=W2f9fM-l95QIhVG-

[@mounir-romario]

someone talk about problm of frond end ... of crypto .can you explain this plz

[@royjones8268]

I'm thinking about taking a 12 week course for front end programming, and just wanted to know if 15 thousand is to much to pay to learn this skill, if so does anyone have any legitimate course suggestions. Thank you

[@erkansaid8081]

Thanks for another great video. When you say, for example, 2-weeks of learning, does that assume 1hr a day for 2-weeks, or 8 hours a day for 2-weeks?

[@userrr22244]

yes that`s also my question and the most critical one?

[@programmingwithmosh]

I'd say 3 to 5 hours a day.

[@userrr22244]

@@programmingwithmosh i`ll do it thanks a lot

[@Saibentos]

Woow! We're still waiting for Roadmap in backend even full stack developer also

[@erkansaid8081]

@@programmingwithmosh great, Thanks Mosh!

[@MrMerakli]

What do you think about redux? Should we learn ? Or is it unnecessary?

[@programmingwithmosh]

Unfortunately, there are still some older projects using it but it's totally unnecessary for newer projects.

[@jorgeperalta1973]

The Oracle is on it again!!!💯💯💯

[@Kento_Ikeda]

Hi, I’m thinking of starting with Wordpress and then html, css. But what do you think? Web designer is already over?

[@BobChief]

Adding a backend roadmap would be helpful. Thumbs up!

[@programmingwithmosh]

Done! It's now on my channel. kzbin.info/www/bejne/hZaoeX2dr9aGZ80si=W2f9fM-l95QIhVG-

[@zealousprogrammer4539]

Please do a similar roadmap for Backend Developer, I understand code logic but bad at design. Everybody does even experience programmers like the create of Redux and Core developer of React had problem centering - haha Thank you!

[@user-yn7jg5to3u]

hey Josh, thanks a lot for all your wonderful videos! it would be wonderful, if you could also make a Springboot course. thanks!

[@sankarpsa4478]

Awesome and nice video for a newbies whom they are so interested in FrontEnd Development. Additionally make a Detailed roadmap for a Python Full Stack Developer if it is possible. It will be helpful for many of them including me.....

[@arFarhaan]

Please add similar videos for BACK END

[@EvolutionWendy]

Yep he said it's in the pipeline

[@programmingwithmosh]

Will do!

[@vamshikrishna8939]

Hi mosh Please Upload Full Stack Development video also it also helps students who want to become full stack developer

[@syuhadaramadhan8246]

Mosh, how about learning Data structure and algorithm? Has the front end dev never learned data structures and algorithms?

[@okechukwubenjamin358]

Sir any update for your React Native course🎉 Love to buy from you❤️

[@mahaburalam9808]

Hey there, waiting for Back-End Development roadmap. Hope coming soon.

[@programmingwithmosh]

Stay tuned!

[@Abi_Abey]

I have followed your courses on various programming languages multiple times. Now, I would like to ask if you could prepare a roadmap for becoming a mobile application developer as a beginner. I believe this question would also be relevant for many others who want to develop mobile applications. Thank you!!!

[@programmingwithmosh]

It’s on my list! Coming soon!

[@maviz-wp3in]

Will i able to learn everything ?? Im in my 3yr and i have to start learning from scratch

[@AaneiMarco]

Make one for backend development too!

[@programmingwithmosh]

‌Will do!

[@fubaohong]

So excited! Let's go1

[@suiiii784]

Hi Sir, just started to watch your videos and I have an interest in programming but as there are so many videos I dont know where to start

[@s_KBRAHUL_CST]

Thank you for the video

[@toneranger]

Thanks Mosh. Wen you say "2 weeks" etc. how many hours a day would that be ? Thanks for a great video

[@ashahab007]

Dear Mosh, loved your videos & eagerly waiting for your new videos. Didn't get the pdf from the description box link.

[@erraticgraphicdesign7189]

thank you sir mosh, i needed this road map

[@harryindaclub89]

Thanks a lot for your Video. I learn at the moment JS and it blow my mind. When I see your roadmap…I think I give up😅😢

[@Hossein-o9c]

Hi Mosh 👋 I am Hossein from Iran. I want to start learning react. Which course do you have? On your website, one course was react 18 for beginners. Another one is mastering react 16 Which one should I learn?

[@ademineshat]

I wouldn't say react native over flutter but it is a good way to start as a web developer.

[@ponleuphon544]

hope I can do it for my future (FullStack)

[@SatyanshSingh-k7m]

amazing roadmap according to you which is better for mobile development react native or flutter

[@mr-smartchoice]

Sir I have learned boostrap now you recommended Tailwind css , Do and need to use both of them , because you said we don't have to learn two things together , as for this boostrap and tailwind

[@siamakut]

How did you creat this video? I mean which software has been used to creat this video, I like the idea behind that ❤

[@FC-BS]

Thanks for this

[@walidbelkessa4359]

Hey Mosh, can you show me the roadmap to become a Django's backend developer ?

[@programmingwithmosh]

It’s coming! Stay tuned!

[@mr.banglakelani663]

Now with the addition of AI, is it right to do web development now?

[@surprisemawela525]

What is Figma in Web Development? how do people use it? why do they use it? how often do people/ companies use it?

[@programmingwithmosh]

It's a design tool and is used by UX designers, not developers as much.

[@abdulhamidmuktar9138]

Mosh, would you please tell your YT students a simple autobiography of your life as a software engineer, how you struggled to learn programming etc. It can be a big invaluable lesson and motivation for us of all as programming students.

[@realvirtualworld8950]

I am from India recently Graduated 24.I am more attracted to your structured teaching.Right now I don't have money to spend .Plz is there any Way that I get Frontend Development courses from your course website for Free .

[@gawd6261]

Please make a video on resume tips and tricks in the software industry

[@hazemkhaled9416]

1st: I am big fan thank you for all your effort 2nd: I still missing the testing part is there a way to practice testing outside of a professional job I know how to do testing but I am not sure when to take the decision that this is needed to be tested or not and being rejected in interviews due to lacking this skill

[@programmingwithmosh]

Thank you! I’m not sure what you mean by your question.

[@hazemkhaled9416]

@@programmingwithmosh I mean I understand the sentax and how to test a specific requirment my question is 1.Should we test every code that we write? 2.if not then what to test and what to not test, I don't know how to decide wether something is worth testing or not?

[@Saibentos]

Sometimes you feel like saying thank you to a people who help when you were in need isn't enough. Sir Mosh , may God continue to bless you. Thank you🙏

[@tubelight2026]

You can allocate two more weeks to learn Rest Api, Graphql, Redux toolkit etc

[@Fatimaspringtime]

Hi Mosh, hope you're well. What do u think of the sololearn courses?

[@busanaboinaraghava5436]

Please make a complete course for blockchain 🙏🥺

[@IamAtashi]

Thanks, at the same time, you are the best programmer,teacher,youtuber and a human that many look up to you! :)

[@sarasamiee-zr6oh]

do you need a high end laptop or pc to start learning this skill?

[@SayedMohmmadHashimyan]

Please make a video on future of front end developers with the emerge of AI

[@MostafaAhmed-kl2yw]

Firstly, Thanks for your effort even in this video or even for courses. Secondly, Can you please have more courses for Data Science like R, Power BI, and Tableau?

[@bayardkudy2453]

Please Mosh, is having a degree in software engineering actually of any importance in a a developer's journey? If yes how is it important and how one conciliate college studies with online courses at the same time? By the way thanks very much for the work you have been doing so far. You are really a great soul.

[@shivangbisht6386]

Make video on blockchain developer

[@Iammrunkown]

HTML - CSS - TAILWIND - IN DEPTH HTML - IN DEPTH TAILWIND - IN DEPTH CSS SELECTORS - JAVASCRIPT - GIT - GITHUB -JAVASCRIPT ADVANCED CONCEPTS - READ THE JAVASCRIPT MDN DOCS - TYPESCRIPT - TYPESCRIPT ADVANCED CONCEPTS - READ TYPESCRIPT DOCS - LINUX COMMANDS - REACT - REACT ECOSYSTEM

[@HeroHunter07]

🖖

[@khyrulislamjawad2788]

make a fullstack roadmap

[@the6th_yonko984]

do i learn them exactly the way you listed them?

[@elprofe7324]

Please do the same for Back-end!

[@programmingwithmosh]

Will do!

[@GALLIO-ru4wf]

Mosh sir in which company are you working , sir you are a best SDE and I want to became like you please tell me what I do ? Thanks sir ❤

[@kishan4278]

Pls make roadmap on cybersecurity like ethical hacking, cybersecurity engineer, pentester, cybersecurity analyst ,etc. I m waiting...

[@veechannel.]

Please do for cyber security. This is the best video so far

[@jikamana]

Please what if I want to be a front end developer on mobile and web, development using html, CSS and JavaScript?

[@Idowu_Adeleke]

What's the proper way to use Sass in VS code in 2024 please. Because most of the contents out there are outdated.

[@ranspst6476]

Awesome , thank you..