How to Become a Frontend Developer in 2022 (Full Roadmap)

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

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

  • @CodingWithLewis
    @CodingWithLewis  2 года назад +27

    Thanks for waiting everyone :) what roadmap should I do next?

  • @haamidfarhaan1681
    @haamidfarhaan1681 2 года назад +25

    It's been a while since I saw a roadmap like this. Straight to the point, no BS. Keep it up man!

  • @vigneshm6922
    @vigneshm6922 2 года назад +97

    1.HTML CSS
    2.JS
    3.Css frameworks like sass and bootstrap
    4. React
    5.npm package managers
    6.Typescript
    7. End , now you're a complete front end developer 🙌

    • @CodingWithLewis
      @CodingWithLewis  2 года назад +5

      Great analogy :D

    • @aayushx1610
      @aayushx1610 2 года назад +2

      @@CodingWithLewis Which language should i learn if i am complete noob in coding

    • @urreallysus
      @urreallysus 2 года назад +1

      @@aayushx1610 even though it doesn't have anything to do with Fe dev I would recommend python.

    • @user-dd2kc8wo4e
      @user-dd2kc8wo4e 2 года назад +1

      Css frameworks are not important. Also npm package managers AFTER react?

    • @tinabee4195
      @tinabee4195 Год назад

      @@CodingWithLewis what about Figma

  • @aghilannathan8169
    @aghilannathan8169 2 года назад +46

    When picking front end framework. If you are in doubt, pick React.

    • @CodingWithLewis
      @CodingWithLewis  2 года назад +5

      Agreed!

    • @oldcrowboy
      @oldcrowboy Год назад +4

      I'm new and want to learn, my question is why pick React? Is it big in the industry? Or is it easier than others?

    • @wellyesorno
      @wellyesorno Год назад

      @@oldcrowboy iya bang

    • @shahbazkhan-ek7hp
      @shahbazkhan-ek7hp Год назад

      Its both

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

      No. no no. If in doubt, pick Vue

  • @MrNotSoPociu
    @MrNotSoPociu 2 года назад +18

    For someone who just started a foundation of JavaScript on Odin Project you couldn't have had a better timing with this ❤️

  • @coderboy2346
    @coderboy2346 2 года назад +17

    This is actually really helpful can we get a detailed game dev roadmap plz your videos are and clear a lot of doubts which one may have in their mind

  • @gajendra721
    @gajendra721 2 года назад +13

    This is what I actually needed to quick start my front end developer journey 😍 thanks Lewis, always grateful to u 🤗

  • @BrixPointC
    @BrixPointC 2 года назад +8

    I've been having doubts about this career that I chose. Thank you for making these contents. Your contents is a great help to me. Thank you so much Lewis

  • @OfficiallAiHistory
    @OfficiallAiHistory 2 года назад +4

    Thank You Lewis
    Looking forward to venture in into Front end development
    This is the exact video I've been looking for 💕💕💕💕
    Very short, concise and straight forward

  • @azy3929
    @azy3929 2 года назад +3

    There is so much to work on
    Thanks for this immense introduction!

  • @dipokchandra264
    @dipokchandra264 2 года назад +2

    Happy to see you, my friend! The video is very helpful. I have downloaded the "Eloquent JavaScript" ebook that you said. The book will help me to learn more. Thank you for your information. And thank you for your hard work for us. 🥰🥰🥰

  • @mazanch1863
    @mazanch1863 2 года назад +2

    Thank you for making this roadmap. I really needed it to clear my doubts, thank you.

  • @riverofcustard5027
    @riverofcustard5027 2 года назад +2

    This is awesome, I have experience already but will definitely recommend this roadmap to a couple of friends :)

  • @lmtr0
    @lmtr0 2 года назад +4

    Btw, for better memory and performance, use Tauri instead of electron

  • @lmtr0
    @lmtr0 2 года назад +2

    Btw, Pnpm is disk efficient, It will not allow your dependencies to have a massive size on your disk

  • @doleo_metal
    @doleo_metal Год назад +1

    My current plan: build a bunch of little projects. stick with plain vanilla html, css, and js until my brains stops hurting. THEN move on to react, next, and node

  • @MayukhSaikia
    @MayukhSaikia 2 года назад +3

    Awesome roadmap. I will follow this and fill in my gaps.

  • @kalebwendwessen1537
    @kalebwendwessen1537 2 года назад +2

    great road map the way you explain things is so beautiful keep it up 👍👍👍

  • @user-nm2jf4wo3f
    @user-nm2jf4wo3f Год назад +1

    thanks for the video !! great job

  • @mohammedhasan9404
    @mohammedhasan9404 Год назад +1

    The best programming RUclipsr ever

  • @OfficiallAiHistory
    @OfficiallAiHistory 2 года назад +2

    Great video Lewis
    💕

  • @eduard289
    @eduard289 2 года назад

    1:50 I was thinking about taking my take on html and css, ty for confirmation
    Good videoclip dude

  • @jhonname8180
    @jhonname8180 2 года назад +1

    The most underrated guy on RUclips

  • @anikamartclair3026
    @anikamartclair3026 Год назад

    THANK YOU SO MUCH😃😊😊🙂🙃☺It's the best roadmap, that I've seen!

  • @sqwert654
    @sqwert654 2 года назад +1

    Preferring Angular for now over React. Uses typescript and I do prefer strongly typed

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

    The only two things i use for building websites are react and tailwind

  • @0xtz_
    @0xtz_ 2 года назад +3

    Thanks man ❤️

  • @engineerlawalhamzatademola4267
    @engineerlawalhamzatademola4267 2 года назад

    He was like "40 thousand subscribers 😲" and now after a month it's already more double, that what happens when you do your assignment well.
    Thanks alot for the meaning content

  • @philangcamu
    @philangcamu 2 года назад +1

    Another great video🔥

  • @moderngames8892
    @moderngames8892 2 года назад +1

    Do full stack developer roadmap and also detailed devops roadmap

  • @thestreamer1481
    @thestreamer1481 Год назад +1

    Nice, but there is one "issue" with the order :if someone chose to learn angular then he must learn TypeScript b4 not after angular.

    • @kephiob
      @kephiob Год назад

      👆👆send a direct message for support and guidance . .

    • @lukas.webdev
      @lukas.webdev Год назад

      Good call! 😉

  • @aka_slendy
    @aka_slendy 2 года назад +1

    i hate JavaScript but it's becoming more and more clear that i have to learn it. *sighs*
    okay

    • @kephiob
      @kephiob Год назад

      👆👆send a direct message for support and guidance . . .

    • @lukas.webdev
      @lukas.webdev Год назад

      You're absolutely right... 😉

  • @danielochoja8507
    @danielochoja8507 2 года назад +2

    I think it's Pinia for Vue.js developers not Vuex

  • @yan2410
    @yan2410 Год назад +1

    Thank you sir

  • @danish7335
    @danish7335 2 года назад +1

    Make a video on Full stack development

  • @varriyateeshhemanth2567
    @varriyateeshhemanth2567 2 года назад +1

    It would be helpful if you can tell full stack web developer road map.

  • @DevlogBill
    @DevlogBill 2 года назад

    You asked what road map you should create next? Why not make a full stack C# developer road map? I think there would be a lot of people interested in viewing this one.

  • @abhishekvyas5981
    @abhishekvyas5981 2 года назад +1

    Your way of explaining is very nice sir 👍 .

  • @coffeefps
    @coffeefps 2 года назад

    Great vid! Makes me realize what stage I am now as a frontend developer.
    Is Devops roadmap already done?

  • @TechleadConsulting
    @TechleadConsulting 2 года назад +1

    Can you please make videos on lightening Web Components in Salesforce

  • @abhishekc1458
    @abhishekc1458 2 года назад +1

    This is Helpful

  • @andreajr2021
    @andreajr2021 2 года назад

    angular is good for learn not too much library ,and everything already inside !

  • @lpmc1182
    @lpmc1182 10 месяцев назад

    in terms of projects, what would a job-getter resume look like? how many projects ? what projects?

  • @sanusihassan7125
    @sanusihassan7125 2 года назад +1

    4:25 well actually I built a tool that let's me write sass in tags directly in html

  • @dharsanr6504
    @dharsanr6504 2 года назад +2

    Could you suggest any course to learn web development for beginners?

  • @sarapaul9201
    @sarapaul9201 2 года назад +1

    Love ur content

  • @Techpro99
    @Techpro99 2 года назад +1

    Hello when u upload ur own coding courses???I am waiting for ur coding courses.

  • @EDC.EveryDayCode
    @EDC.EveryDayCode 11 месяцев назад

    on the typescript part, what about how svelte dropped it for jsdoc? do u feel like typescript could be reversing its meteoric rise?

  • @trentonconner485
    @trentonconner485 2 года назад +1

    love the video

  • @arundevcricketworld
    @arundevcricketworld 2 года назад +1

    Can you share the github repository to prepare for web development

  • @KingYhan
    @KingYhan 10 месяцев назад

    Are JS and Python close enough for me to read the book and still use those JS teaching in Python?

  • @phonenaing1149
    @phonenaing1149 2 года назад +1

    Hi Lewis, great video. Why do recommend learning Typescript after Javascript if Typescript is more robust? Do you also think platforms like Webflow are making Javasript skills more important than HTML/CSS for FE devs?

    • @CodingWithLewis
      @CodingWithLewis  2 года назад +2

      I think it's important to understand the use of TypeScript before using TypeScript. :) I think Webflow is good for people who dont want to learn code, but dont bother if you are learning code :)

    • @Geomaverick124
      @Geomaverick124 2 года назад +1

      because most code bases are in regular javascript and dont need typescript...also if you learn only Typescript you may wind up having to work with old legacy code. It would be like learning React or Angular before regular javascript

  • @thunderskull258
    @thunderskull258 2 года назад +2

    Python roadmap

  • @WeirdDev69
    @WeirdDev69 2 года назад

    Please make a video on Blockchain project ideas

  • @chawaphiri1196
    @chawaphiri1196 2 года назад +1

    How many years did it take you to learn all of this stuff?

    • @CodingWithLewis
      @CodingWithLewis  2 года назад +1

      Still learning :) but so far over 4-5 years but that’s because I learned much more technology! You could do this WAY faster :)

    • @chawaphiri1196
      @chawaphiri1196 2 года назад

      @@CodingWithLewis thank you. I just completed CS50 web programming with python and JavaScript like a month ago. But I still don't feel confident in my abilities because I have to Google things all the time. Plus balancing coding with being a student is hard 😭

  • @IAMCHIDERA
    @IAMCHIDERA 2 года назад

    Can you make a web app with just front end development?

  • @abolfazlghaderi4224
    @abolfazlghaderi4224 8 месяцев назад

    Is there any problem with learning front end while I'm learning WordPress
    Because I'm student and college has its costs so I have to earn money
    Can I learn WordPress basics then start learning front end while I'm learning that because just fundamentals gonna take something like more than 6 months just Html Css JavaScript but WP is gonna take something bout 2 to 3 months and some months of marketing
    advertising portfolio and CV building so then I can actually start earning while I have to learn react tailwind and next js to land my first job and my first job relatively is in low range of salary so I guess WP will help it to enhance
    What you think ? Can you make a video on it ?

  • @TheShmrsh
    @TheShmrsh Год назад +1

    Yeah like um... Front is really so much simpler than back

    • @kephiob
      @kephiob Год назад

      👆👆send a direct message for support and guidance . .

  • @tony-go-code
    @tony-go-code Год назад

    good guideline

    • @kephiob
      @kephiob Год назад

      👆send a direct message for support and guidance . . .

  • @ikhsannudinlathief3515
    @ikhsannudinlathief3515 2 года назад +1

    Nice video

  • @graystuff
    @graystuff 2 года назад

    Thanks

  • @stefanj5823
    @stefanj5823 2 года назад +1

    Yay thank you so much👁️👄👁️👋🏻

  • @nebyudawit4126
    @nebyudawit4126 Год назад

    whats your thought on quasar

  • @farukmuhammad9657
    @farukmuhammad9657 Год назад

    a roadmap for blochain

  • @vivekvitthaljadhav
    @vivekvitthaljadhav 2 года назад

    Try SolidJS

  • @abdalasad8289
    @abdalasad8289 Год назад

    My head is blowing....

    • @kephiob
      @kephiob Год назад

      👆👆send a direct message for support and guidance . . .

  • @rudythorns8411
    @rudythorns8411 Год назад

    I have eloquent js from pdf drive😂

  • @podcastcluster
    @podcastcluster Год назад

    why is there rusian ln cmd?

    • @kephiob
      @kephiob Год назад

      👆send a direct message for support and guidance . . .

  • @mrs8683
    @mrs8683 2 года назад

    gîte: i am a joke to you ?

  • @laxmanadhikari3989
    @laxmanadhikari3989 2 года назад +1

    Waiting for "how do I become a better programmer"😃

  • @developer2522
    @developer2522 2 года назад

    i am 1000 like 😁

  • @Mmvexxx
    @Mmvexxx 2 года назад

    Can anyone suggest some Js resources?

  • @hirokurosaki1368
    @hirokurosaki1368 2 года назад

    You look like Luka Doncic.

  • @hsrtdvhffe
    @hsrtdvhffe 2 года назад

    Sap mm consultant

  • @TheConstantLearnerGuy
    @TheConstantLearnerGuy 2 года назад +1

    :)

  • @jesseliverless9811
    @jesseliverless9811 Год назад

    It's veeeeet

  • @OHIYO
    @OHIYO Год назад +1

    Thanks for the awesome info!

    • @kephiob
      @kephiob Год назад

      👆👆send a direct message for support and guidance . .