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

[@AndresDelToro-ry8bn]

roadmap link doesn't work

[@abdur-rafiuabdush-shakur5803]

The link is not working sir

[@UMARBINISAH]

good

[@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

[@abdoueeda4018]

THE BEST EXPLANATION I HAVE SEEN SO FAR, NO DRAMA, PURE INFORMATION, THANKS

[@cristianocr7488]

really??

[@abdoueeda4018]

@@cristianocr7488 yes he gives you the real necessary time to learn each language, not like "learn javascript in 4 hours"

[@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. 🤞

[@itisatashi]

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

[@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

[@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 ??

[@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! 🙏

[@nemeesview]

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

[@HMOsman-ml9qp]

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

[@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

[@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.

[@GrowWithme66]

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

[@programmingwithmosh]

Will do!

[@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.

[@ArashNegahdari]

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

[@jaimeallende9290]

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

[@Tima-er4zd]

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

[@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.

[@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.

[@Pareshbpatel]

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

[@Muheshemsu]

Thanks a lot, especially for the road map

[@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!

[@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!.

[@rashmikadk6796]

Hope you will bring a video about backend too❤

[@programmingwithmosh]

Yes, soon! Stay tuned!

[@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.

[@SudhakarV-n9r]

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

[@dikeatukunda1612]

Thank you! My journey starts today.

[@muchamadfaiz2391]

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

[@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.

[@alemumulu]

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

[@godhandinfamous]

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

[@jabirhussain2410]

I really enjoy your videos on technology-they're simply awesome! Given the rapid advancements in GenAI, how do you see a typical frontend engineer navigating this evolving landscape? Shouldn’t we start viewing frontend development through a GenAI lens? I'd love to hear your thoughts on the role of GenAI in frontend development. And we're looking forward to seeing a fantastic tutorial from you on this topic in the near future!

[@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-

[@ManuelSeva-m2j]

I don't receive the roadmap

[@secondchance598]

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

[@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! 📚🙌

[@LANRIE-DEV21]

Thanks, Mosh, really appreciate this🙏🙏🙏

[@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!

[@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-

[@jorgeperalta1973]

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

[@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.

[@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.....

[@tubelight2026]

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

[@arFarhaan]

Please add similar videos for BACK END

[@EvolutionWendy]

Yep he said it's in the pipeline

[@programmingwithmosh]

Will do!

[@abdihamidmukhtar]

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.

[@immiketyson]

I really find javascript not very hard. Been programming for 2 years and liked javascript from day one

[@ademineshat]

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

[@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

[@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

[@AARIV]

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

[@mounir-romario]

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

[@vamshikrishna8939]

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

[@BeginnerBitsHQ]

wow! thank you for your hard work Mosh

[@AaneiMarco]

Make one for backend development too!

[@programmingwithmosh]

‌Will do!

[@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!

[@RusiruAbilashX]

Sir can you made road map like this for ai engineers ,cyber security engineers and others related job roles please 🥺🥺🥺🥺🥺🖤🖤

[@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😅😢

[@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🙏

[@amirchegg]

Now from 0 to backend developer in x month please 🙏 ❤

[@midnightdemon9157]

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

[@abdulhamidmuktar9763]

Mosh, make a short video on answering why most programming learners never go ahead. Is it because it's not for them (Passion)?, is it because they don't handle the pain of a bug (Patience)?, is it because they don't practice enough and just stuck in tutorial hell (Passive learning)? or is it because they want to create the next GIANT whatsoever it be without building lesser practical projects (Lost in big dream)?.

[@khyrulislamjawad2788]

make a fullstack roadmap

[@kishan4278]

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

[@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!

[@ponleuphon544]

hope I can do it for my future (FullStack)

[@gawd6261]

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

[@ErikBongers]

My suggestion: do not run before you can walk. Start with a single page hand written html file. You'll quickly get bored with the layout. Write a css file. This won't go as planned. The css often won't behave as you expect. Do NOT be tempted to try out css frameworks yet! Learn the quirks the hard way. Learn JavaScript by changing the appearance (hide things, change color) by user interaction (a button press, a hover...). If you survived so far...the world is yours.

[@syuhadaramadhan8246]

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

[@erraticgraphicdesign7189]

thank you sir mosh, i needed this road map

[@mahaburalam9808]

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

[@programmingwithmosh]

Stay tuned!

[@fubaohong]

So excited! Let's go1

[@SayedMohmmadHashimyan]

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

[@okechukwubenjamin358]

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

[@ashahab007]

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

[@elprofe7324]

Please do the same for Back-end!

[@programmingwithmosh]

Will do!

[@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!

[@veechannel.]

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

[@Imhindu123]

Please make a complete course for blockchain 🙏🥺

[@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 .

[@h1998ify]

This video was great for me because i was really lost in where to begin. I have just one question: there it is a website when i can practice what a learned at any point? Someting with many problemas or exercise because i believe that's best way to learn something. Thank you

[@itisatashi]

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

[@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?

[@KhanUniversity321]

For those of you not receiving the PDF file via email, please check ALL MAILS, and thanks me later😅❤

[@ranspst6476]

Awesome , thank you..

[@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.

[@FC-BS]

Thanks for this

[@rykendg3914]

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

[@-riazkhanVlogs143]

Very interesting content dear sir

[@FinishLine1984]

This is extremely helpful. Thank you 🙂

[@Sultan-k8n]

Sir I'm beginer can you plz make a video on your income or front developer income Just for motivation... And if we do this course then what steps we take next..this video also And you are working well Suggest us which degree we choose Software engineering Or artificial intelligence Or computer science Or information technology My mind is drumming while thinking which has a best scope Becoz I always do well in my studies so want to choose best one which degree has great power and I learn everything Plz pay focus think and suggest us which degrees is best for us

[@kurosai0]

Thanks for this great video mosh! i hope you make a video on sass soon ❤

[@dangerjoystick2784]

thanks brother!!!!!! it was very helpful

[@g.keerthivarshaan7307]

please make a video for backend developer roadmap .

[@SaidKaka10]

aaaaal this things to be just a front end developper im exustthedd

[@PenTestPioneer]

We waited for the security roadmap 😮

[@Kento_Ikeda]

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

[@sabuein]

Thank you.

[@AbdisalamahmedTech]

9/7/2024 messege kan ayan uso noqon dona in.alah aniga oo ah fullstack developer

[@selvarajr7580]

Hi @mosh, the pdf is not received to my email after so many tries. Can you share a link or something?

[@MrEmanuel888]

I understand that if you create a content like this - I`m refering at this OPTIMISTIC presentation that you have made - you will get more views and a bigger impact on the viewers..... BUT in the REALITY, you can`t just learn in only few weeks CSS or HTML or REACT... You know that this is the crude reality... so please BE HONEST and REALISTIC!!!