The Complete Frontend Developer Roadmap [2024]

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

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

  • @programmingwithmosh
    @programmingwithmosh  5 месяцев назад +23

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

  • @shreyaschillal
    @shreyaschillal 6 месяцев назад +157

    ✓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 4 месяца назад +1

      can yoy provide me sources to learn next Js

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

      @@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
    @abdoueeda4018 Месяц назад +10

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

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

      really??

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

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

  • @amankosariya9979
    @amankosariya9979 6 месяцев назад +71

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

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

      ​@@programmingwithmosh waiting for that video. 🤞

    • @itisatashi
      @itisatashi 6 месяцев назад +3

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

  • @larbesabdellah7079
    @larbesabdellah7079 6 месяцев назад +35

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

    • @faisalhrbk
      @faisalhrbk 3 месяца назад

      i have learned html and css now heading towards js

  • @robel_asefa
    @robel_asefa 6 месяцев назад +12

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

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

  • @abdulraufmirani
    @abdulraufmirani 6 месяцев назад +43

    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
      @zydbinak2561 4 месяца назад +1

      Assalamu Alaykum Brother

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

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

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

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

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

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

  • @kzmn941
    @kzmn941 6 месяцев назад +9

    Awesome. Waiting for a roadmap for backend developer too.

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

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

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

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

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

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

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

  • @Tima-er4zd
    @Tima-er4zd 4 месяца назад +1

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

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

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

  • @techthief3278
    @techthief3278 5 месяцев назад +1

    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.

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

    Thanks a lot, especially for the road map

  • @mistersir3185
    @mistersir3185 6 месяцев назад +29

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

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

      Sure thing!

    • @codegenius757
      @codegenius757 6 месяцев назад +1

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

    • @mistersir3185
      @mistersir3185 6 месяцев назад +1

      @@programmingwithmosh you’re simply the best!

  • @jabirhussain2410
    @jabirhussain2410 27 дней назад +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!

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

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

  • @ChisomJonah-q4d
    @ChisomJonah-q4d 2 дня назад +1

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

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

    Thanks, Mosh, really appreciate this🙏🙏🙏

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

    Hope you will bring a video about backend too❤

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

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

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

    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.

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

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

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

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

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

  • @YunusAhmed-bs3nb
    @YunusAhmed-bs3nb 5 месяцев назад

    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.

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

    wow! thank you for your hard work Mosh

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

    Thank you! My journey starts today.

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

    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🙏

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

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

  • @maryamsuleiman9153
    @maryamsuleiman9153 21 час назад

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

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

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

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

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

    Please add similar videos for BACK END

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

    I don't receive the roadmap

    • @secondchance598
      @secondchance598 5 месяцев назад +1

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

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

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

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

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

  • @KhadijaAkhtar-i3q
    @KhadijaAkhtar-i3q 4 месяца назад

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

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

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

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

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

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

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

      I'd say 3 to 5 hours a day.

    • @userrr22244
      @userrr22244 6 месяцев назад +1

      @@programmingwithmosh i`ll do it thanks a lot

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

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

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

      @@programmingwithmosh great, Thanks Mosh!

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

    So excited! Let's go1

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

  • @h1998ify
    @h1998ify 6 дней назад +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

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

      Nice keep it up!

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

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

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

      You got it👍

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

      Tell me channel name bro ..

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

      SuperSimpleDev​@@anilpandey581

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

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

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

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

    Adding a backend roadmap would be helpful. Thumbs up!

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

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

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

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

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

    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.

  • @KhanUniversity321
    @KhanUniversity321 5 месяцев назад +1

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

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

    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.

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

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

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

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

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

    thank you sir mosh, i needed this road map

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

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

  • @adhithya-b4g
    @adhithya-b4g 16 дней назад +1

    From TN❤

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

    hope I can do it for my future (FullStack)

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

    Make one for backend development too!

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

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

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

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

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

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

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

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

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

    make a fullstack roadmap

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

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

  • @immiketyson
    @immiketyson 6 месяцев назад +1

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

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

    Thanks for this

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

    This is extremely helpful. Thank you 🙂

  • @ashahab007
    @ashahab007 6 месяцев назад +1

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

  • @user-yn7jg5to3u
    @user-yn7jg5to3u 5 месяцев назад

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

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

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

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

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

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

    Thanks Mosh ❤️

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

    Awesome , thank you..

  • @MrMerakli
    @MrMerakli 6 месяцев назад +1

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

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

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

  • @MostafaAhmed-kl2yw
    @MostafaAhmed-kl2yw 6 месяцев назад

    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?

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

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

  • @elprofe7324
    @elprofe7324 6 месяцев назад +1

    Please do the same for Back-end!

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

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

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

    Thank you.

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

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

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

    We waited for the security roadmap 😮

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

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

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

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

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

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

  • @madapakahrin4877
    @madapakahrin4877 7 дней назад +1

    So i need to learn all of them??

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 5 месяцев назад +73

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

    • @AthanSMaliakkal
      @AthanSMaliakkal 4 месяца назад +27

      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.
      @D4done. 4 месяца назад +2

      ​@@AthanSMaliakkalre u just starting?

    • @AthanSMaliakkal
      @AthanSMaliakkal 4 месяца назад +5

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

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

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

    • @alxfort39
      @alxfort39 4 месяца назад +18

      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.

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

    took me 2week, welldone!

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

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

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

    Very interesting content dear sir

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

    Number one in the World❤

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

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

  • @kishan4278
    @kishan4278 3 месяца назад

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

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

    Please make a complete course for blockchain 🙏🥺

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

    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 .

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

    Thank you for the video

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

    Thank you boss