The Complete Frontend Developer Roadmap [2024]

Поделиться
HTML-код
  • Опубликовано: 29 дек 2024

Комментарии • 420

  • @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 месяцев назад +170

    ✓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 5 месяцев назад

      @@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 7 дней назад

      i think he is stuck in tutorial heck guys

  • @abdoueeda4018
    @abdoueeda4018 2 месяца назад +20

    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 месяцев назад +74

    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 RUclips, 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 месяцев назад +52

      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 месяцев назад +45

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

  • @AngelicaDFranklin
    @AngelicaDFranklin 5 месяцев назад

    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.

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

  • @GrowWithme66
    @GrowWithme66 7 месяцев назад +9

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

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

  • @HMOsman-ml9qp
    @HMOsman-ml9qp 6 месяцев назад +1

    This is the most straightforward web development 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.

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

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

  • @jabirhussain2410
    @jabirhussain2410 2 месяца назад +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!

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

  • @fubaohong
    @fubaohong 7 месяцев назад +6

    So excited! Let's go1

  • @jorgeperalta1973
    @jorgeperalta1973 7 месяцев назад +6

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

  • @jaimeallende9290
    @jaimeallende9290 7 месяцев назад +7

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

  • @LANRIE-DEV21
    @LANRIE-DEV21 7 месяцев назад +3

    Thanks, Mosh, really appreciate this🙏🙏🙏

  • @rashmikadk6796
    @rashmikadk6796 7 месяцев назад +6

    Hope you will bring a video about backend too❤

  • @Muheshemsu
    @Muheshemsu 7 месяцев назад +4

    Thanks a lot, especially for the road map

  • @dikeatukunda1612
    @dikeatukunda1612 2 месяца назад

    Thank you! My journey starts today.

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

  • @ArashNegahdari
    @ArashNegahdari 7 месяцев назад +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

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

  • @shortsedit3769
    @shortsedit3769 10 дней назад

    Great explanation ❤

  • @maryamsuleiman9153
    @maryamsuleiman9153 Месяц назад

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

  • @BeginnerBitsHQ
    @BeginnerBitsHQ 7 месяцев назад +3

    wow! thank you for your hard work Mosh

  • @alemumulu
    @alemumulu 6 месяцев назад

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

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

  • @ChisomJonah-q4d
    @ChisomJonah-q4d Месяц назад +1

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

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

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

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

  • @itisatashi
    @itisatashi 7 месяцев назад

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

  • @godhandinfamous
    @godhandinfamous 6 месяцев назад

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

  • @BobChief
    @BobChief 7 месяцев назад +4

    Adding a backend roadmap would be helpful. Thumbs up!

    • @programmingwithmosh
      @programmingwithmosh  6 месяцев назад

      Done! It's now on my channel. ruclips.net/video/OeEHJgzqS1k/видео.htmlsi=W2f9fM-l95QIhVG-

  • @idealist21
    @idealist21 7 месяцев назад +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.

  • @ManuelSeva-m2j
    @ManuelSeva-m2j 7 месяцев назад +16

    I don't receive the roadmap

    • @secondchance598
      @secondchance598 6 месяцев назад +2

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

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

  • @erraticgraphicdesign7189
    @erraticgraphicdesign7189 6 месяцев назад

    thank you sir mosh, i needed this road map

  • @adhithya-b4g
    @adhithya-b4g Месяц назад +1

    From TN❤

  • @HosseinRezaei-g1n
    @HosseinRezaei-g1n 7 месяцев назад +2

    Thanks Mosh ❤️

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

  • @GGaemer
    @GGaemer 7 месяцев назад

    can u do one on cyber security? I want to get into it from ground 0 but dont know what to do or where to start

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

  • @arFarhaan
    @arFarhaan 7 месяцев назад +4

    Please add similar videos for BACK END

  • @FC-BS
    @FC-BS 4 месяца назад +1

    Thanks for this

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

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

  • @MWT23
    @MWT23 5 дней назад

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

  • @ranspst6476
    @ranspst6476 7 месяцев назад +2

    Awesome , thank you..

  • @FinishLine1984
    @FinishLine1984 7 месяцев назад +1

    This is extremely helpful. Thank you 🙂

  • @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 RUclips 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 7 месяцев назад

      Tell me channel name bro ..

    • @aruniagam9442
      @aruniagam9442 6 месяцев назад

      SuperSimpleDev​@@anilpandey581

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

  • @kurosai0
    @kurosai0 7 месяцев назад

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

  • @walherb
    @walherb 5 месяцев назад +2

    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.

  • @iqamat-e-deen-1
    @iqamat-e-deen-1 7 месяцев назад +1

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

    • @programmingwithmosh
      @programmingwithmosh  6 месяцев назад

      Done! Watch it here: ruclips.net/video/OeEHJgzqS1k/видео.htmlsi=W2f9fM-l95QIhVG-

  • @dilshadanimationmovies769
    @dilshadanimationmovies769 7 месяцев назад +1

    Nice Guiding ❤❤

  • @s_KBRAHUL_CST
    @s_KBRAHUL_CST 2 месяца назад

    Thank you for the video

  • @-riazkhanVlogs143
    @-riazkhanVlogs143 7 месяцев назад +1

    Very interesting content dear sir

  • @mounir-romario
    @mounir-romario 3 месяца назад +2

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

  • @saeedabdollahi7405
    @saeedabdollahi7405 7 месяцев назад

    great as always ❤

  • @Name-vx5ix
    @Name-vx5ix 5 месяцев назад

    Number one in the World❤

  • @amirchegg
    @amirchegg 7 месяцев назад

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

  • @abdihamidmukhtar
    @abdihamidmukhtar 6 месяцев назад

    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.

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

  • @ademineshat
    @ademineshat 7 месяцев назад

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

  • @dangerjoystick2784
    @dangerjoystick2784 7 месяцев назад

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

  • @lukem7176
    @lukem7176 5 часов назад

    Hey Mosh 🙂, could you please tell us how to store secrets like API KEYS in React? Unfortunately these are visible in a source code of the app
    🙏

  • @midnightdemon9157
    @midnightdemon9157 7 месяцев назад +2

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

  • @okechukwubenjamin358
    @okechukwubenjamin358 7 месяцев назад +1

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

  • @syuhadaramadhan8246
    @syuhadaramadhan8246 7 месяцев назад +1

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

  • @RusiruAbilashX
    @RusiruAbilashX 7 месяцев назад +2

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

  • @rezaeyvazi.ir1992
    @rezaeyvazi.ir1992 7 месяцев назад +1

    ❤❤❤❤you are fantastic

  • @MDTALKIES
    @MDTALKIES 7 месяцев назад

    Great video sir ❤❤

  • @tubelight2026
    @tubelight2026 4 месяца назад

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

  • @ponleuphon544
    @ponleuphon544 7 месяцев назад

    hope I can do it for my future (FullStack)

  • @Kovacks-y7h
    @Kovacks-y7h 5 месяцев назад

    Thanks, man.

  • @abdulhamidmuktar9763
    @abdulhamidmuktar9763 7 месяцев назад

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

  • @AARIV
    @AARIV 7 месяцев назад +1

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

  • @sabuein
    @sabuein 7 месяцев назад +1

    Thank you.

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

  • @carsonjamesiv2512
    @carsonjamesiv2512 7 месяцев назад +1

    NICE!😃👍

  • @royjones8268
    @royjones8268 3 месяца назад +1

    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

  • @hazemkhaled9416
    @hazemkhaled9416 7 месяцев назад +1

    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
      @programmingwithmosh  7 месяцев назад

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

    • @hazemkhaled9416
      @hazemkhaled9416 6 месяцев назад

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

  • @mr-smartchoice
    @mr-smartchoice 4 месяца назад

    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

  • @ahmadjehangir1356
    @ahmadjehangir1356 7 месяцев назад

    I love the MONKEY SOUND and JUMPS when MOSH was talking about PROGRAMMING LOGIC. I don't understand the CONNECTION but it is Hilarious 😅😅

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

  • @tubelight2026
    @tubelight2026 4 месяца назад

    Great!

  • @Edris-fy7th
    @Edris-fy7th 7 месяцев назад

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

  • @AaneiMarco
    @AaneiMarco 7 месяцев назад +1

    Make one for backend development too!

  • @SatyanshSingh-k7m
    @SatyanshSingh-k7m 7 месяцев назад

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

  • @Omi-rn4cg
    @Omi-rn4cg 6 месяцев назад

    took me 2week, welldone!

  • @TechTrails8715
    @TechTrails8715 7 месяцев назад

    Good job ❤❤