Web Development In 2023 - A Practical Guide

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

КОМЕНТАРІ • 580

  • @TraversyMedia
    @TraversyMedia  Рік тому +516

    Sorry it's so long this year. Don't let that overwhelm you. It's not that there are that many new technologies. I just decided to talk a bit more about everything 😊Skip around and use the timestamps if needed.

    • @NOCDIB
      @NOCDIB Рік тому +12

      Congrats on the 2 million! I've been around since about 400k and I'm glad to see your continued success.

    • @thedimasss
      @thedimasss Рік тому +3

      Very informative content, thanks! Enjoyed your idea to listen video. Do you have any podcasts?

    • @learningtocode795
      @learningtocode795 Рік тому +3

      This is perfect!! Thank you for the in-depth guide. As a noobie I don’t know what I don’t know so this definitely helps me to make sure I am on the right path to learning web development and staying up to date.

    • @TheWolfgangGrimmer
      @TheWolfgangGrimmer Рік тому +2

      That's fine with me. It helps a lot with bringing clarity to the bigger picture of the landscape.

    • @henriqueaguiar9737
      @henriqueaguiar9737 Рік тому +3

      Tbh Brad I could listen you talk about this stuff all day long, thanks a lot for all you have done for the dev community

  • @AndrewFungKinHo
    @AndrewFungKinHo Рік тому +481

    For programmers, a new year is incomplete without watching Brad's classic guide on web development. When I watched the Web Development Practical Guide 2018 almost 5 years ago, I was just coding a “Guess My Number Game” on HTML and now I am watching 2023’s guide as a Full stack Dev with a UA-cam channel documenting my progress. Thank you very much Brad Traversy and Congratulations on 2 Million subscribers! 🎉

  • @DesignCourse
    @DesignCourse Рік тому +213

    BEAST of a video! Heads up: 31:03 Adobe XD will likely be phased out this year, as Adobe bought Figma. I would not choose XD if you're starting out and are thinking about which UI software to start with. I'd go with Figma personally.

    • @TraversyMedia
      @TraversyMedia  Рік тому +35

      Guess I'm going with Figma. That is what I suggest anyway. I've just always been an Adobe guy all through my freelance days.

    • @DesignCourse
      @DesignCourse Рік тому +5

      @@TraversyMedia Same!

    • @I_Lemaire
      @I_Lemaire Рік тому +3

      I apologize, Gary. I read somewhere that the Justice Department will move to block the Adobe-Figma acquisition. If so, XD will be here to stay.

    • @rkyrmnd
      @rkyrmnd Рік тому +1

      @@I_Lemaire Last I read, it was EU regulators looking at it. Also, there's been no announcement or open discussion about them discontinuing XD so I highly doubt it's happening this year. Plenty of companies rely on XD and Adobe suite, if they do anything it would be a soft retirement of the figma brand while they integrate the free tier online editor to XD.

    • @JivanPal
      @JivanPal Рік тому

      @@rkyrmnd If Figma disappears like that, that will make me very sad... I hope FOSS alternatives like Quant get some more traction, it's a shame none have really taken off in this area.

  • @DanielGomez-kx9ov
    @DanielGomez-kx9ov Рік тому +36

    When I was just starting to learn about the front end. Brad was the first content creator/teacher/mentor I connected with and started to understand things. The calm way that Brad talks, without beating around the bush, without saying "this is too easy" reflects a lot of the respect he has for the profession and the love he puts into every video he makes. Thank you Brad. Today I am a senior frontend developer thanks to the basics I learned with you. You are a hero.

  • @dreamisover9813
    @dreamisover9813 Рік тому +11

    These guides are invaluable! It's hard to keep an overview when having been away from the web dev space for a while, and while some frameworks have been around for years, the landscape is constantly changing and there are just so many topics to keep track of. So thanks for this!

  • @christopherninman4676
    @christopherninman4676 Рік тому +7

    Best 3 hours I have spent on UA-cam, period! Most useful and concise video I have encountered in my software development learning journey. It puts everything in perspective and has given me a so much more complete overview of what is out there. Brad knows his stuff, and has his preferences, but clearly explains everything you need to know as it relates to you and what you want to do. Amazing quality, knowledge, and thought put into this project. Thanks Brad, your work is a gift to the development community!

  • @mrcgomez
    @mrcgomez Рік тому +4

    The fact that you take the time to do this long of a video is very much appreciated. I just finished the whole thing and it was done right. Very thorough and congrats on the 2 million.

  • @drummondcodes4600
    @drummondcodes4600 Рік тому +9

    I hope to land my first coding job this year. Looking forward to watching this video for help. Thanks for your consistent content to help us who are aspiring to break into the tech industry.

  • @anzumanararunu1343
    @anzumanararunu1343 Рік тому +1

    Traversy is more generous and dedicated person I have ever seen. Love from Bangladesh🎉

  • @lordvexxie8175
    @lordvexxie8175 Рік тому +12

    Another year and just like all the ones here in the past I have returned for the daily update! Already a seasoned full stack developer, but nonetheless these videos help me me determine course for the rest of the year. Thanks Brad for making this possible. 🙏🏻

  • @go25478
    @go25478 Рік тому +3

    Impressed by very descriptive summary of each language and tool. YOU ARE THE BEST! Thanks for your hard work 🚀🦖

  • @alexandergrunewald9191
    @alexandergrunewald9191 Рік тому +2

    I've been a web developer for more than 12 years starting with PHP / MySQL ending up doing Angular projects most of the time. In Feb 2022 I quit my job and traveled the world for a whole year. I soon want start working again. This video has been super helpful to get "up to date" and refresh all the names and technologies out there. Thank you so much.

    • @lukas.webdev
      @lukas.webdev Рік тому

      Awesome! Thanks for sharing your story, Alex! 😉

  • @AmbrozeSE
    @AmbrozeSE 11 місяців тому

    Hi Brad, I remember about 4 years ago, i followed your tutorial about flask for web development. I think there’s something special about u coz to date I can still hear your voice even though I did like only 2 episodes. I think it’s in the kindness of your voice- it’s in the patience of your voice as u try to make us understand. I’m glad to b watching u again. Lov u & b blessed.

  • @ESLAMMohamed-sg2rn
    @ESLAMMohamed-sg2rn Рік тому +1

    Best 3 hours I have spent on UA-cam, period! Most useful

  • @MarcMcRae
    @MarcMcRae Рік тому +3

    This is an insanely comprehensive mega-summary that when I watched a few years ago, I was over-whelmed. A few years down the line, more knowledge & experience, this is an amazing & useful share..and yes, I sat & watched the whole thing! LOL Thnks Brad. Great job!

  • @Nintron
    @Nintron Рік тому +4

    For a Rust server-side framework, generally Rocket is no longer recommended as it's not really maintained. Usually the top choices now are Axum or Actix.

  • @Joshuahendrix
    @Joshuahendrix Рік тому +3

    I watch and learn more every year 🎉 Finally looking back from a position in the industry, big thanks to Brad!

  • @anabrum9351
    @anabrum9351 10 місяців тому

    watching this now, end of nov 2023, and still finding it very useful. Looking forward to 2024's, please don't make it short, this was perfect as it clearly explains everything and we can move back and forth if we don't want to watch the whole video. thank you.

  • @lauroduarte1337
    @lauroduarte1337 9 місяців тому

    Waiting since christmas for the 2024 version 😁 Been following this since the first version and it's my little Christmas present every year from Traversy 🥳 This is QUALITY content!

  • @YOSHELF
    @YOSHELF 8 місяців тому

    I know this video is older. You have laid out a guide on when to learn what and what to learn next and I will fully appreciate this guide so much I was lost I had no map on the next thing to learn in the langauges and what I hadn't learned in them. This is so helpful to me in so many ways I appreciate it so much, I have not seen a guide like this.

  • @teen_spirit14
    @teen_spirit14 Рік тому +1

    Today i was revisiting the Web Development In 2022 series, happy to see the 2023 series is here for us :)

  • @yubrajshahi
    @yubrajshahi Рік тому +1

    You have been a great tutor. Learning your course "Modern JavaScript From The Beginning 2.0" its awesome course. Every developer must take this course. I been eagerly waiting this one. Thank you so much.

  • @brayheart-b1n
    @brayheart-b1n Рік тому +1

    Hey Brad!
    I just wanted to drop a comment to say a huge thank you for your video.
    I've been trying to wrap my head around all the latest web technologies and trends, and your video just made everything so much clearer. Your explanations were super easy to follow, and the tips you shared were incredibly practical.
    I really appreciate how you made everything so relatable and down-to-earth. It really helped me see how everything fits together and how I can apply it in the real world.
    Thanks again for being such an awesome teacher and sharing your knowledge with the world. I'll definitely be checking out more of your content in the future!
    Cheers

  • @kurtm9744
    @kurtm9744 Рік тому +2

    Ruby on Rails is still great, especially with version 7 ❤ Thank you so much for putting these guides together every year.

  • @G311X
    @G311X Рік тому +1

    You're man with a lot experiences in this industry.

  • @kugi7786
    @kugi7786 Рік тому +1

    Every year i get further in these videos. Its easy to get overwhelmed in web dev, thanks to you i get a breakdown of everything and have a solid roadmap. thank you again this year Brad!

  • @nilanjanbhattacharyya9065
    @nilanjanbhattacharyya9065 Рік тому

    The resource section is awesome with course link and their associated project making. This is all you need with your patience & perseverance to become a web developer in 2023.

  • @CodeWithMasood
    @CodeWithMasood Рік тому +1

    The way he explains is what attracts me ❤

  • @Salah-YT
    @Salah-YT Рік тому +1

    thank u so much my best teacher ever I love all ur videos and hope u have a great life and be happy at all the times 🙂

  • @chibuzoronochie604
    @chibuzoronochie604 Рік тому +2

    Thank you Brad. You are just amazing

  • @Escko
    @Escko 11 місяців тому

    This is great, it helps so much in painting a bigger picture of the web dev space and also helps me familiarize myself a bit more with the different technologies. Thank you so much, we r so blessed to have some amazing instructors on UA-cam.

  • @subzerosumgame
    @subzerosumgame Рік тому

    was so furstrated past two weeks because - i'm just starting out and it took me tons of useless am repeating useless video's/reddits/googling/twittering to finally have a clear framework and clear understanding what methodogies are used for what. this is a very impactful video that will stay with me for the rest of my life. stay healthy!

  • @aidenyoon4692
    @aidenyoon4692 Рік тому +1

    This was super helpful. Thank you

  • @arkham1001
    @arkham1001 Рік тому +1

    You did so much for me the least I can do is watch the whole video

  • @dazball3707
    @dazball3707 Рік тому +1

    A really awesome video! As a long term and mostly self taught full stack developer, this video was great for confirming existing knowledge and to fill in some blanks in other areas! 10/10 dude!

  • @briandacallos4234
    @briandacallos4234 Рік тому

    When i was a student, i usually visit this kind of brad's content. Now i am a 1 year software developer thanks to this guy

  • @derpinguin8307
    @derpinguin8307 Рік тому +1

    What a great overview! 💯

  • @mohammadnizam2156
    @mohammadnizam2156 Рік тому +1

    Man what you have done is amazing! ton of effort, best of luck, keep going and giving 🙏

  • @Nin_Cada
    @Nin_Cada Рік тому +1

    As a new web developer..That was super helpful to me. Thanks a lot mate✨

  • @gustavoluissalesferreira3385

    Thanks a lot! Brad has been my mentor since 2012! Owe my entire carreer on web development to him! God bless this great guy!

  • @David-Dono
    @David-Dono 10 місяців тому

    I don't remember if i've said thank you before but ill say it again. Thank you!
    Your Node and Angular videos helped me add the missing pieces to my Computer Science degree. It helped me get started in my career by landing me my first serious job as a Software Developer 😁

  • @sankalppandey7995
    @sankalppandey7995 Рік тому

    I literally checked yesterday for a Practical Guide for this year and here we have the video.
    Thank you so much Brad!

  • @Nadimhossain550
    @Nadimhossain550 Рік тому +1

    the amount of work behind this is amazing

  • @aCitizenJOSerased
    @aCitizenJOSerased Рік тому +4

    Immense quality! Tons of really valuable info and knowledge provided in here.
    Thank you very much, Brad!

  • @patrickchan2503
    @patrickchan2503 Рік тому

    I've used many languages and I like C#, very clean, easy to learn.

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 9 місяців тому +2

    This is really comprehensive

  • @ChristopherWard1967
    @ChristopherWard1967 Рік тому +2

    Brilliant video. Thanks for the massive amount of work you've clearly put into this.

  • @KunalKumar-dz4kb
    @KunalKumar-dz4kb Рік тому +2

    Brad never disappoints, By far the best Roadmap/Guides.

  • @IbrahimDar-nu5tz
    @IbrahimDar-nu5tz Рік тому +1

    You have created such a concise and helpful guide. Thanks for help!

  • @AtomicCodeX
    @AtomicCodeX Рік тому

    I literally started skipping through the video looking for things to learn and started screenshoting
    Thanks traversy!!

  • @dawoodchowdhury5581
    @dawoodchowdhury5581 Рік тому +1

    Thank you, Brad. Really helpful to have a bird's eye view. Helped me tremendously to realize my progress so far (which I was confused about) and path ahead.

    • @lukas.webdev
      @lukas.webdev Рік тому

      Awesome, all the best for your journey! 😉

  • @piotrdev
    @piotrdev Рік тому +1

    Thank you, Brad! Really great one!

  • @wujeonghyun6865
    @wujeonghyun6865 Рік тому +2

    This is a masterpiece. Thank you for such a great video.

  • @hassanmirza2392
    @hassanmirza2392 Рік тому

    This is the best overview of Web Development on UA-cam. Well done!

  • @emakogala359
    @emakogala359 Рік тому

    A good instructor is the one that shows you ways, but you Brad are an inspirator that shows motivation. Great job indeed.

  • @rafaelfonseca7942
    @rafaelfonseca7942 Рік тому +1

    Great content!
    Those who work with technology should be always learning new things out!

  • @vectoralphaSec
    @vectoralphaSec 9 місяців тому +2

    Coming back here to get ready for the 2024 version.

  • @tonym5857
    @tonym5857 Рік тому +1

    I do enjoy this project, I ve learned a lot 👏👏👏

  • @imnothere2802
    @imnothere2802 Рік тому +1

    Brad thank you for this one. Is one of the most well described road maps ive ever watched around internet. Thank you for sharing it out with us, and also congrats on the 2 milly coders here on YT. Hope you have a great day my friend. :)

  • @iancarr3923
    @iancarr3923 Рік тому +1

    Excellent video, of course, but only cursory mention of Blazor. Not mentioned at all in c# section.

  • @romanroman9638
    @romanroman9638 Рік тому +3

    Thanks Brad, appreciate your work!

  • @SeamusMcMichael
    @SeamusMcMichael Рік тому

    Brilliant comprehensive overview. I particularly like the explaining of topics such as UI, for the front-end aspects of web.

  • @sarangbsr
    @sarangbsr Рік тому

    Great Man, I didn't know where to start and what to do in Front End, but your video is fucking super useful.

  • @PrinceKumar-hh6yn
    @PrinceKumar-hh6yn Рік тому

    So this is the way u keep ueprself updated with the latest techstacks. Thanks for the greatly compiled info..

  • @thebasicmaterialsproject
    @thebasicmaterialsproject Рік тому

    awesome. Just what I needed to help get my project website of the ground.

  • @ceralguy85
    @ceralguy85 Рік тому +2

    Thank you Brad for such an amazing content like every Year is probably the most awaited video from the community. Just one little annotation is that C# is also part of the wasm languajes. Since I also worked with C# and now from the last years also work with JS it would be great if you can create content also on C#

  • @MOGLIVIBES
    @MOGLIVIBES Рік тому +1

    Wow - fantastic content! Thank you

  • @zahid1909
    @zahid1909 Рік тому

    Great comprehensive roadmap for full-stack developers. Thanks a lot

  • @AjarnSpencer
    @AjarnSpencer Рік тому +1

    full stack is the only way to be a wise dev and have insight, foesight and oversight. I cannot do backend work without testing frontend and creating both myself to avoid the left hand not knowing what the right hand is doing (dont work in teams)

  • @ReddSpark
    @ReddSpark Рік тому

    Great vid. There is a category you should inclide though and that's nocode/locode solutions like Bubble and Flutterflow.
    These are making it easy for startups to get an MVP up and running on a shoestring budget.

  • @anthonyjovellanos
    @anthonyjovellanos Рік тому +1

    I remember watching the 2021 version of this as an electrical engineer. I'm a web developer now earning more than 2x... Thanks...

    • @abubakaryasin8610
      @abubakaryasin8610 Рік тому

      congratulations do yo mind to share your journey with pls

  • @jameskirk5914
    @jameskirk5914 Рік тому +2

    great roadmap

  • @user-sx3pu3pv6q
    @user-sx3pu3pv6q Рік тому +1

    My third year here, and I have yet to start my journey. Hopefully this year I take Coding seriously 🙏

  • @miro-hristov
    @miro-hristov Рік тому

    FYI, from npm website: Is "npm" an acronym for "Node Package Manager"?
    Contrary to popular belief, npm is not in fact an acronym for "Node Package Manager"; It is a recursive bacronymic abbreviation for "npm is not an acronym" (if the project was named "ninaa", then it would be an acronym). The precursor to npm was actually a bash utility named "pm", which was the shortform name of "pkgmakeinst" - a bash function that installed various things on various platforms. If npm were to ever have been considered an acronym, it would be as "node pm" or, potentially "new pm".

  • @GBlunted
    @GBlunted Рік тому

    The answers given for CoT shows a different understanding of the concept than is referred to in the latest ArXiV paper on the topic. Here, you've gotten the model to give you a prompt template that it recommends using in order to suck a very comprehensive swathe of thoughts out or get a response including a vast array of thinking about a topic from specific angles meant to provide a response in essay form on a topic that ensures a most comprehensive essay on the given topic. Basically if you need a report on a topic that is overall encouraging it's utilization or provides an optimistic point of view about whatever subject you give it then you just sneak in a mention of Donald and all of a sudden your thoughts are expanded on in the most verbose and spontaneous way by the response to your prompt that was simply asking for some suggestions on firing a coworker, Donald , over email or drinks afterwork.

  • @AlexDBall
    @AlexDBall Рік тому

    Man, i was looking forward for this! What a great way to spend my afternoon. Thank you!

  • @anthonywest7261
    @anthonywest7261 Рік тому

    Thank you so much. I can’t begin to think how much work has gone into this.

  • @MYount
    @MYount Рік тому

    Hello, thank you🤙 Brad for keeping me going. I have been learning from you for at least 4 years (I even finished your Udemy courses). I am in a Web development Boot camp at MIT xPro. Still learning, still growing. Thanks 👍.

  • @clusttech
    @clusttech Рік тому

    You have been missed. Love from Ghana 🇬🇭

  • @ravenMK_
    @ravenMK_ Рік тому

    Almost 3 hours long, why? Who got time for that and going to watch it?
    ME! ME I GOT TIME FOR THAT. Beautiful content. Love it

  • @_chris_6786
    @_chris_6786 Рік тому +1

    God bless you Brad, sharing your knowledge is invaluable. Thank you for this masterpiece.

  • @ЄгорПавленко-м4ь

    With REST you also can ask what you need with queryParams.

  • @Soulis98
    @Soulis98 Рік тому

    I've been waiting for this for a long time and boy it was great as ever!

  • @dontdoit6986
    @dontdoit6986 Рік тому

    Don’t forget architecture! The language of architecture. Event driven design patterns. Orchestration vs automation. Handling millions of requests per second.
    This overlaps with DevOps quite a bit, but the design language of architecture has really solidified into its own beast.
    Also, this could include the clouds, as well. “Serverless” is an interesting buzzword.

  • @kamraniqbal17
    @kamraniqbal17 Рік тому +1

    So informative ❤

  • @kaushal.mp4
    @kaushal.mp4 Рік тому

    *Best Practical Guide Ever!!!!*

  • @newfoundland1956
    @newfoundland1956 Рік тому

    I started this Jan in school studying Software Dev. I am 61 and do not have ANY previous knowledge

  • @JuniperTreeee
    @JuniperTreeee Рік тому

    You forgot Webstorm for front end. I'd add that most front end (myself) are able or should be able to make good visual decisions, unlike most full stack or back end devs.

  • @AsmaKhan-qf6gd
    @AsmaKhan-qf6gd Рік тому

    sir literally you are super guider always help us in dark we love you'r way to address all kind of stuff.

  • @DevMadeEasy
    @DevMadeEasy Рік тому

    Hey Brad, Great Content, thanks for sharing it!

  • @anandkazanka2438
    @anandkazanka2438 Рік тому +2

    I actually want to be backend developer. I think I would like front end too. But I see that with front end it’s much more possible to get a first job if you don’t have a degree? Because you can create multiple projects to show before possible interviews. What do you think start in front get a job, experience, while working learn something like java or C++ and get a backend job. Does it make sense?

    • @lukas.webdev
      @lukas.webdev Рік тому +1

      Yeah, that's not a bad idea... or you start off as a front end dev, get a job and then continue learning and become a full stack dev... 😉

  • @md.mohaiminulislam9618
    @md.mohaiminulislam9618 Рік тому

    With the amount of ram windows take just to run, with 8 gb you are close to 80% or more just using vs code, live site and a bunch of chrome tabs and another browser will be close to making your laptop very laggy.

  • @alexpablo6840
    @alexpablo6840 Рік тому +1

    I watched the whole thing, thank you

  • @everythingkaran
    @everythingkaran Рік тому

    Thanks for this video. Saved it for future reference.

  • @kameikojirou
    @kameikojirou Рік тому

    Good video Brad! Rocket hasn't seen a release for almost a year now. Actix or Axum is the ones primarily being used now.

  • @husseinkizz
    @husseinkizz Рік тому

    Brad as always, man I can't tell you how much you inspire me, that self taughts can also do stuff and give back to community!

  • @zelalemfeleke
    @zelalemfeleke 11 місяців тому

    You are an amazing human! Than you so much! But what’s your take on Blazor? I know you don’t want to compare frameworks but also wish you make a video on Blazor!

  • @RhayvenBlood
    @RhayvenBlood Рік тому

    For terminals on windows - Terminal (Or terminal preview) is superior to cmd and bash, and integrates them into one program.
    Also can utilize bash and LSW into it :3 It gives a lot more to work with and work efficiently.

  • @dextersaad
    @dextersaad Рік тому

    Hi Brad. The video is very very informative. Thank you so much for that. I would want you to make a fully functional e commerce marketplace. Please. I'd be glad if you could do that sometime in the future. Thanks a lot for your videos. Much love.

  • @AimenNaseer-w9v
    @AimenNaseer-w9v Рік тому

    This channel is very interesting and provides information for web developers.