The Complete Frontend Developer Roadmap [2024]

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 416

  • @programmingwithmosh
    @programmingwithmosh  6 місяців тому +26

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

  • @shreyaschillal
    @shreyaschillal 7 місяців тому +169

    ✓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
      @suryasumanth4572 5 місяців тому +1

      can yoy provide me sources to learn next Js

    • @pa3da4achannels63
      @pa3da4achannels63 5 місяців тому +1

      have you already got a job?

    • @SaidKaka10
      @SaidKaka10 4 місяці тому

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

    • @creative2772
      @creative2772 3 місяці тому

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

    • @jthsr
      @jthsr 2 дні тому

      i think he is stuck in tutorial heck guys

  • @abdoueeda4018
    @abdoueeda4018 2 місяці тому +17

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

    • @cristianocr7488
      @cristianocr7488 2 місяці тому

      really??

    • @abdoueeda4018
      @abdoueeda4018 2 місяці тому

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

  • @larbesabdellah7079
    @larbesabdellah7079 7 місяців тому +37

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

    • @faisalhrbk
      @faisalhrbk 4 місяці тому

      i have learned html and css now heading towards js

  • @amankosariya9979
    @amankosariya9979 7 місяців тому +73

    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 UA-cam, 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
      @bogdanpetre4181 7 місяців тому +7

      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
      @amankosariya9979 7 місяців тому +1

      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
      @programmingwithmosh  7 місяців тому +51

      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
      @amankosariya9979 7 місяців тому +4

      ​@@programmingwithmosh waiting for that video. 🤞

    • @itisatashi
      @itisatashi 7 місяців тому +3

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

  • @robel_asefa
    @robel_asefa 7 місяців тому +13

    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
    @nemeesview 6 місяців тому +7

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

  • @abdulraufmirani
    @abdulraufmirani 7 місяців тому +44

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

    • @Ca_Z24
      @Ca_Z24 5 місяців тому +1

      Assalamu Alaykum Brother

    • @abdulraufmirani
      @abdulraufmirani 5 місяців тому

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

    • @Ca_Z24
      @Ca_Z24 5 місяців тому

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

  • @mistersir3185
    @mistersir3185 7 місяців тому +30

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

    • @programmingwithmosh
      @programmingwithmosh  7 місяців тому +17

      Sure thing!

    • @codegenius757
      @codegenius757 7 місяців тому +1

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

    • @mistersir3185
      @mistersir3185 7 місяців тому +1

      @@programmingwithmosh you’re simply the best!

  • @AngelicaDFranklin
    @AngelicaDFranklin 4 місяці тому

    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

  • @kzmn941
    @kzmn941 7 місяців тому +9

    Awesome. Waiting for a roadmap for backend developer too.

  • @Tima-er4zd
    @Tima-er4zd 5 місяців тому +1

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

  • @GrowWithme66
    @GrowWithme66 7 місяців тому +9

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

  • @TareqAhmed072
    @TareqAhmed072 6 місяців тому +1

    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.

  • @techthief3278
    @techthief3278 6 місяців тому +2

    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.

  • @svag_g
    @svag_g 7 місяців тому +1

    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.

  • @jabirhussain2410
    @jabirhussain2410 Місяць тому +1

    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!

  • @Muheshemsu
    @Muheshemsu 6 місяців тому +4

    Thanks a lot, especially for the road map

  • @HMOsman-ml9qp
    @HMOsman-ml9qp 6 місяців тому +1

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

  • @jaimeallende9290
    @jaimeallende9290 7 місяців тому +7

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

  • @LANRIE-DEV21
    @LANRIE-DEV21 6 місяців тому +3

    Thanks, Mosh, really appreciate this🙏🙏🙏

  • @fubaohong
    @fubaohong 7 місяців тому +6

    So excited! Let's go1

  • @SudhakarV-n9r
    @SudhakarV-n9r 7 місяців тому +1

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

  • @BeginnerBitsHQ
    @BeginnerBitsHQ 6 місяців тому +3

    wow! thank you for your hard work Mosh

  • @ArashNegahdari
    @ArashNegahdari 6 місяців тому +2

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

  • @muchamadfaiz2391
    @muchamadfaiz2391 7 місяців тому +2

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

  • @alemumulu
    @alemumulu 6 місяців тому

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

  • @rashmikadk6796
    @rashmikadk6796 7 місяців тому +6

    Hope you will bring a video about backend too❤

  • @dikeatukunda1612
    @dikeatukunda1612 Місяць тому

    Thank you! My journey starts today.

  • @dadi_vlogs3254
    @dadi_vlogs3254 7 місяців тому +2

    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.

  • @siddanthimaukthika9323
    @siddanthimaukthika9323 6 місяців тому

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

  • @YunusAhmed-bs3nb
    @YunusAhmed-bs3nb 6 місяців тому

    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.

  • @jorgeperalta1973
    @jorgeperalta1973 7 місяців тому +6

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

  • @ranspst6476
    @ranspst6476 6 місяців тому +2

    Awesome , thank you..

  • @itisatashi
    @itisatashi 7 місяців тому

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

  • @KhadijaAkhtar-i3q
    @KhadijaAkhtar-i3q 5 місяців тому

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

  • @shortsedit3769
    @shortsedit3769 5 днів тому

    Great explanation ❤

  • @erraticgraphicdesign7189
    @erraticgraphicdesign7189 6 місяців тому

    thank you sir mosh, i needed this road map

  • @HosseinRezaei-g1n
    @HosseinRezaei-g1n 7 місяців тому +2

    Thanks Mosh ❤️

  • @idealist21
    @idealist21 6 місяців тому +1

    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.

  • @FC-BS
    @FC-BS 4 місяці тому +1

    Thanks for this

  • @godhandinfamous
    @godhandinfamous 6 місяців тому

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

  • @saeedabdollahi7405
    @saeedabdollahi7405 6 місяців тому

    great as always ❤

  • @sabuein
    @sabuein 6 місяців тому +1

    Thank you.

  • @dangerjoystick2784
    @dangerjoystick2784 6 місяців тому

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

  • @s_KBRAHUL_CST
    @s_KBRAHUL_CST 2 місяці тому

    Thank you for the video

  • @FinishLine1984
    @FinishLine1984 7 місяців тому +1

    This is extremely helpful. Thank you 🙂

  • @BobChief
    @BobChief 6 місяців тому +4

    Adding a backend roadmap would be helpful. Thumbs up!

    • @programmingwithmosh
      @programmingwithmosh  6 місяців тому

      Done! It's now on my channel. ua-cam.com/video/OeEHJgzqS1k/v-deo.htmlsi=W2f9fM-l95QIhVG-

  • @Saibentos
    @Saibentos 7 місяців тому

    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🙏

  • @claudiap2298
    @claudiap2298 7 місяців тому

    Thank you😊

  • @codewizetv
    @codewizetv 7 місяців тому

    Thank you ❤

  • @SulaimanAdamu-k4m
    @SulaimanAdamu-k4m 7 місяців тому +1

    Thank you boss

  • @dilshadanimationmovies769
    @dilshadanimationmovies769 7 місяців тому +1

    Nice Guiding ❤❤

  • @kurosai0
    @kurosai0 6 місяців тому

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

  • @adhithya-b4g
    @adhithya-b4g Місяць тому +1

    From TN❤

  • @Pareshbpatel
    @Pareshbpatel 6 місяців тому

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

  • @-riazkhanVlogs143
    @-riazkhanVlogs143 6 місяців тому +1

    Very interesting content dear sir

  • @Kovacks-y7h
    @Kovacks-y7h 5 місяців тому

    Thanks, man.

  • @ChisomJonah-q4d
    @ChisomJonah-q4d Місяць тому +1

    Well detailed 👌.
    I subscribed to your newsletter but I am yet to receive the roadmap pdf.
    Thanks

  • @user-yn7jg5to3u
    @user-yn7jg5to3u 6 місяців тому

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

  • @erkansaid8081
    @erkansaid8081 7 місяців тому +7

    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
      @userrr22244 7 місяців тому +4

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

    • @programmingwithmosh
      @programmingwithmosh  7 місяців тому +5

      I'd say 3 to 5 hours a day.

    • @userrr22244
      @userrr22244 7 місяців тому +1

      @@programmingwithmosh i`ll do it thanks a lot

    • @Saibentos
      @Saibentos 7 місяців тому

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

    • @erkansaid8081
      @erkansaid8081 7 місяців тому

      @@programmingwithmosh great, Thanks Mosh!

  • @tubelight2026
    @tubelight2026 4 місяці тому

    Great!

  • @hv6411
    @hv6411 7 місяців тому +1

    Awesome!

  • @sankarpsa4478
    @sankarpsa4478 6 місяців тому

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

  • @iqamat-e-deen-1
    @iqamat-e-deen-1 6 місяців тому +1

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

    • @programmingwithmosh
      @programmingwithmosh  6 місяців тому

      Done! Watch it here: ua-cam.com/video/OeEHJgzqS1k/v-deo.htmlsi=W2f9fM-l95QIhVG-

  • @MDTALKIES
    @MDTALKIES 7 місяців тому

    Great video sir ❤❤

  • @FootballHighlightsChannel1
    @FootballHighlightsChannel1 5 місяців тому

    Thanks, This is helpful

  • @zealousprogrammer4539
    @zealousprogrammer4539 7 місяців тому +1

    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!

  • @rezaeyvazi.ir1992
    @rezaeyvazi.ir1992 7 місяців тому +1

    ❤❤❤❤you are fantastic

  • @carsonjamesiv2512
    @carsonjamesiv2512 7 місяців тому +1

    NICE!😃👍

  • @InfiniteJoyJourney
    @InfiniteJoyJourney 6 місяців тому

    Thanks man

  • @MahdiMahdavi-ru2dk
    @MahdiMahdavi-ru2dk 7 місяців тому

    داداشم دمت گرم

  • @Meek_Saint
    @Meek_Saint 5 місяців тому

    Thank you so much

  • @maryamsuleiman9153
    @maryamsuleiman9153 28 днів тому

    ❤❤❤❤😢 seriously his video is still on 10 Thousand likes this guy just saved from going through a full course on front end if I could add more likes I would thank you so much for the breakdown ❤❤❤❤

  • @ademineshat
    @ademineshat 7 місяців тому

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

  • @arFarhaan
    @arFarhaan 7 місяців тому +4

    Please add similar videos for BACK END

  • @GelzintVidaurre
    @GelzintVidaurre 7 місяців тому

    Awesome ❤

  • @TechTrails8715
    @TechTrails8715 7 місяців тому

    Good job ❤❤

  • @Name-vx5ix
    @Name-vx5ix 5 місяців тому

    Number one in the World❤

  • @Jov3r
    @Jov3r 7 місяців тому +2

    Thanks #Mosh

  • @harryindaclub89
    @harryindaclub89 6 місяців тому

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

  • @MostafaAhmed-kl2yw
    @MostafaAhmed-kl2yw 7 місяців тому

    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?

  • @streamingluffyofficial7005
    @streamingluffyofficial7005 6 місяців тому

    10Q! I love it

  • @h1998ify
    @h1998ify Місяць тому +1

    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

  • @Omi-rn4cg
    @Omi-rn4cg 6 місяців тому

    took me 2week, welldone!

  • @Mr18_meow
    @Mr18_meow 6 місяців тому

    Worth subscribing.

  • @Yourboyspeedruns
    @Yourboyspeedruns 7 місяців тому +16

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

    • @martapfahl940
      @martapfahl940 7 місяців тому

      Nice keep it up!

    • @Yourboyspeedruns
      @Yourboyspeedruns 7 місяців тому

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

    • @yeabuca
      @yeabuca 7 місяців тому

      You got it👍

    • @anilpandey581
      @anilpandey581 6 місяців тому

      Tell me channel name bro ..

    • @aruniagam9442
      @aruniagam9442 6 місяців тому

      SuperSimpleDev​@@anilpandey581

  • @ashahab007
    @ashahab007 7 місяців тому +1

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

  • @amirchegg
    @amirchegg 7 місяців тому

    عشق منی مشفق جون ❤️

  • @okechukwubenjamin358
    @okechukwubenjamin358 6 місяців тому +1

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

  • @AaneiMarco
    @AaneiMarco 7 місяців тому +1

    Make one for backend development too!

  • @surprisemawela525
    @surprisemawela525 7 місяців тому

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

    • @programmingwithmosh
      @programmingwithmosh  7 місяців тому

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

  • @veechannel.
    @veechannel. 6 місяців тому

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

  • @javascriptnasrpskom416
    @javascriptnasrpskom416 7 місяців тому +1

    True..

  • @Edris-fy7th
    @Edris-fy7th 7 місяців тому

    Cute mosh, love you so much ❤❤❤❤❤❤❤❤

  • @gawd6261
    @gawd6261 7 місяців тому

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

  • @kavyaseeramsetty5620
    @kavyaseeramsetty5620 6 місяців тому

    very helpful

  • @larvieKe
    @larvieKe 6 місяців тому

    My teacher always dope

  • @MWT23
    @MWT23 14 годин тому

    how do you animate or make your videos this much good? would you tell?

  • @Abi_Abey
    @Abi_Abey 6 місяців тому

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