Web Development In 2024 - A Practical Guide

Поділитися
Вставка
  • Опубліковано 6 лют 2025

КОМЕНТАРІ • 536

  • @PavleJanjusevic
    @PavleJanjusevic Рік тому +88

    Your 2018 video was my first one, i started to learn web development than, and now 6 years later i am paid $32k a year for a full stack ( close to becoming senior ) developer position. $32k in my country is a very very good salary with which i can support my parents and my future children. I also start my business this year and have few startup failures behind me. I cannot express the gratitude i have towards you, this channel and the work that you are doing here. This video release made me kind of emotional since i can see how far i came and how big your channel has grew. All the best for you , your family and big up for the best channel on UA-cam. ❤

    • @kantottero3831
      @kantottero3831 3 місяці тому +2

      Why do people like you always think that if it's programming it's always about money 😂

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

      Linus Torvalds didn't even care about money but super good at programming who created Linux and make it open source , I think people like you just work on a team but not as good because you rely on others , and always think about how you earn money rather than improve on your own skills , I can tell how pseudo intellectual u can be by just over exaggerating your achievements

    • @XempegeX
      @XempegeX 22 дні тому

      @@kantottero3831 He is literally showing gratitude, what are you on my dude xD

  • @rafihasan7787
    @rafihasan7787 Рік тому +670

    For people who watched it or will be watching it:
    Just do as the man says, don't worry about AI taking over, don't ever feel like you are too stupid to do this, just be consistent and it will change your life.
    Thank you Brad for doing the great work you always do!!

    • @rafihasan7787
      @rafihasan7787 Рік тому +20

      @@axion96 It will only make the job easier, it won't replace them.

    • @tonybp
      @tonybp Рік тому +6

      Keep telling yourself that if it makes you fell better 😂

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

      ​@@tonybpI agree with you

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

      You need someone to tell AI what to do and then review what it did yknow

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

      @@tonybp like site builders has taken place of html css 🫢

  • @jasonhughes638
    @jasonhughes638 Рік тому +673

    How it started in 2018: Watching this as a student
    How it's going in 2024: Watching this as a web developer

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

      what courses you took to learn web development

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

      @@Kunaltwts look up Scrimba for a free course. Also, Traversy has some really good paid courses.

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

      Would like to know too

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

      Same!

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

      Stuff I learned to get a web dev job recently: 2 Coursera web development specializations from University of Michigan, several Udemy courses from Jonas Shmidtmann ( advanced CSS and base-level JS), Max Shwarzemuller (MERN stack + DevOps intro) and Colt Steele (JS algos), some UA-camrs: Brad, NetNinja, TrevTutor(Discrete math series). Lots (and I mean LOTS) of solved codewars and leetcode problems, created GitHub projects and submitted job applications. One accepted React FE job offer from a large tech company a couple of months ago🙂.

  • @larohndale
    @larohndale Рік тому +29

    Brad’s videos helped me my first year as a software engineer back in 2016! Here we are in 2024 🎉

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

      Can you tell what cource you took and how to get fit according to job profile in this career

  • @bigKaup
    @bigKaup 11 місяців тому +4

    Hey Brad, just wanted to say that this channel was the key to finally removing the word "Aspiring" from my resume. I've been happily working as a full stack web developer for 2 years now.
    Whenever friends or coworkers tell me they are interested in dev, this is the first place I point them to. Really appreciate what you do!!

  • @marktaylor9886
    @marktaylor9886 11 місяців тому +3

    I've done "web designer" and server admin stuff for ~20 years and I've recently started to dabble more with React, Django and such with a view to expanding my skills to be more of a developer. This is honestly one of the best resources I've found to help bridge a few "don't know what you don't know" gaps I've had for a while. Thanks for the effort and scope of this - definitely subscribed and looking forward to watching more videos!

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

    The quality of this video is truely worldclass. Just wow its like laravel document level organized.

  • @muhammeddiab723
    @muhammeddiab723 10 місяців тому +3

    I am starting out my web developer journey and have been trying to find a structure to follow. ive seen a few that help but this vid tops it. God Bless you my sir

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

    I still watch this video from this guy every year even though I now work in the industry. 😂 It's like a tradition now.

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

    Wow, I've been just watching the previous _"Web Development In 2023 - A Practical Guide"_ and here you are with the new one! This guide takes a bird's eye view of the whole Web Development sphere. Thanks for giving us this opportunity.

  • @jovialiste
    @jovialiste Рік тому +16

    I know how I am going to spend my evening ! Especially with that storm passing over Ireland today. Thanks Brad !

  • @2Clean4This1
    @2Clean4This1 Рік тому +4

    Your 2019 guide was my bible for a long time. I owe you my life, Brad!

  • @QuintusGandi
    @QuintusGandi Рік тому +24

    This is what I have been waiting for since the year began. an in-depth dive into the web dev roadmap

  • @beatrisprinz3421
    @beatrisprinz3421 11 місяців тому +3

    Huge thank you for recording this awesome beginner video tutorial. It finally clarifies pretty much all those questions I never could figure out by my own. Much more, this tutorial is motivational to keep up learning web development.👍

  • @CommDao
    @CommDao Рік тому +25

    I know people usually vouch for building projects and staying away from tutorial hell, but I really appreciate overviews like this. Even with a long video, it's all much more digestible as I'm still sorting out what it is exactly that I want to do.

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

      Just when everyone thought I had slipped back into my Spidey hole, Brad comes up with a sizable treat. I've followed Brad for at least 2 years now, quite sporadically actually, but always happy for his thoroughness.
      This is the first I've heard of this guide. So looking forward to the enjoyment of a full multi-course web meal. I know what I'm doing this weekend!
      Kudos, as always, Brad.

  • @taariqq
    @taariqq 11 місяців тому +2

    Chock full of nuggets that help fill in the gaps. Listened to Brad after a long time. I did watch the whole thing. Very helpful. Thank you!

  • @zahramosayebi9169
    @zahramosayebi9169 2 місяці тому +1

    I just completed this course, and I have to say, it's been truly wonderful! After a two-year break, this course helped me find my way back into web development with confidence. The explanations are clear, and the content is both practical and engaging. Thanks, I feel much more equipped to move forward. Highly recommended for anyone looking to upskill or re-enter the field.

  • @DH-ev1xs
    @DH-ev1xs 7 місяців тому +1

    I'm glad you're still doing this! Im 10+ years in, middle-aged, feeling career burnout, and now looking for a good job again while considering management or entrepreneurship. Very difficult decisions to make about how I spend my time and money!

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

    I feel bad for Brad. A few years ago, these videos were only 1 hour long. Next year, with more tools and frameworks, it's gonna be 3 hours+.

  • @greenshaheen
    @greenshaheen Рік тому +14

    as expected ❤
    i always demand this at the start of every year from 2019.
    I am already in a job but love to watch this

  • @nick_merchant
    @nick_merchant 10 місяців тому +1

    Love your serious attitude and thoroughness. And the intense hard work you have put into these videos is just mind boggling. Thank you, sir.

  • @retiar2111
    @retiar2111 11 місяців тому +2

    Brad i see youre doing it solo again. Im so glad ure completely back! I wish you good health man, you were my best mentor :)
    Great overview of the tech. Was checking out if im missing out on something. Thanks!

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

    Man this time I felt we might not get NEW GUIDE but here we are, 2:43 hours long and I'm saying it before I watch it, its gonna be worth.
    Less go !!

  • @bredit8583
    @bredit8583 8 місяців тому +1

    spent a few days to finish watchingthe whole content. Splendid! It has great guiding significance.The guidance shines a light on the path forward of my future learning.Thank you very much.🎉

  • @twalke0555
    @twalke0555 11 місяців тому +1

    This guide is sooo helpful! Been a corporate web developer for a few years now and still very confused. This guide put all the pieces together for me finally! Thank you

  • @betterstack
    @betterstack 11 місяців тому +2

    Great in-depth guide Brad! If anyone’s looking for more JavaScript tutorials, we’ve released JS logging in Winston and Pino to help the community too 💪

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

    Watched the first one back during my second year of Computer Science. Watching today as a Software Manager, I will always recommend these videos to aspiring developers, this is truly one of the best development channels on UA-cam.

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

    Another year another great start.
    Salute to the new and old web dev joining us today to watch another masterpiece.

  • @webdevluc
    @webdevluc Рік тому +6

    The video is amazing, I love it. Complete overview of the state of modern web development. Not done yet. Only half-way through. The good backend stuff is coming up

  • @drexex0f
    @drexex0f Місяць тому +2

    HTML, CSS, Basic JS (+ Alpine JS) -> Backend Language -> Multipaged MVC Web Apps -> REST APIs -> Database ->More JS & SPA (React/Vue/Angular) -> Meta frameworks -> ...

  • @kenkioqqo
    @kenkioqqo 11 місяців тому +5

    What a wonderful presentation, Brad!!!! I started as a graphic designer several years ago, then became a WordPress web designer because I wanted to build a no-code website to sell my graphic design templates and services online. Learning WordPress helped me understand how the web works (Working with links, shortcodes, requests and responses, etc). After mastering WP, I developed an interest in building web pages by coding them myself (without a CMS), so that's when I discovered you and took a few of your HTML, CSS and JavaScript courses (From 2021). Several courses and projects later, I felt confident enough to explore backend programming, so in 2023, I took a few Python courses with an aim to learn Django. Today, I'm confendt in Django and I'm currently learning how to build APIs with Django Rest Framework. You're a great instructor and I can say I've gained a lot of programming knowledge from your tutorials.

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

    I have been watching this every year since 2018. It is always part of my January routine!

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

    Thank you Brad. Excellent walk through the current web dev landscape, as always. 🙏 What I find encouraging each year is that I am more au fait with all the pieces of the puzzle you talk about. And I’m more clear on which tools I need for the path I want to tread. Really appreciate all you do for the community. All the best to you and your family for this year. 🕊️

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

    I absolutely love this video. It is well structured, contains pretty much everything and the presentation is perfect. It helped me a ton

  •  10 місяців тому +1

    Hey Brad, thank you so much for the video, it's like a yearly ritual for me to watch this videos of yours. I end up learning a lot.

  • @harujung6
    @harujung6 9 місяців тому +1

    Thank you so much for this video, Ive watched other youtubers explain road maps but it was very abstract.
    This video had way more clarification about each tools and libraries.

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

    For UI frameworks I've been content with Tailwind and Mantine. These two gave me everything I needed for all kinds of apps. Good stuff.

  • @MariaLucas-x5p
    @MariaLucas-x5p Рік тому

    I've been developing for close to 5 years. This is a perfect video for new web developers and I encourage beginners to go down the rabbit whole.

  • @DracoVox-e3n
    @DracoVox-e3n 25 днів тому

    The visuals in this video were so helpful, great work.

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

    Man. Putting it like this makes me realize how much I have actually learned over the years. Not an expert at any of it yet, but nothing here really that I’m completely unfamiliar with either. This is a great focusing tool for my next projects!

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

    I remember watching this tutorial in 2023 thinking I would never get a job in tech. In 2024 I'm watching this as a professional web developer. Many thanks to your efforts Brad, I've learned a lot from you.

  • @ngangouealainclaude8055
    @ngangouealainclaude8055 11 місяців тому +2

    That's a great video to give an overview and to keep developers uptodate with the trend.
    Focusing on tech stack is cool but I just notice a big missing from my point of view... the best practices !
    I think about coding standards, coding style, architecture, design patterns, ...
    I know theses subjects do not change a lot with time but they are so essential and so oftenly ignored by many developers.
    (sorry for my english)

  • @AntipasBelihu
    @AntipasBelihu 11 місяців тому +1

    For real man You are the best teacher in this all world I really like everything u teach thank You bro

  • @AlexanderBelov-y8o
    @AlexanderBelov-y8o Рік тому +4

    Awesome quality video! This could be a lecture at a university easily!

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

    You good sir, are an excellent teacher! Thank you so much for making quality content that we can learn so much from at no cost! I am so grateful!

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

    I told myself I will be watching only for 10mins and will watch the entire video later. But here I am 2:43:31 😁.By the way OG content as always.

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

    This is awesome, thanks Brad! Only 25m in, I know I need to revisit HTML and CSS to explore some of newer concepts released.

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

    This is great, gives the clear picture of the roadmap ahead, thanks Brad!

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

    This is the best ever video on said topic.
    Love and respect from INDIA. 🙏🏻

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

    Well done!🥰 I'm thrilled that I can benefit from your guidance every year.

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

    Thanks for this. I'm not a web developer, but I am looking to develop a couple of small sites and needed this excellent presentation to calm myself down having looked around the development environments.

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

    This is THE video I look forward to every year. Thank you!

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

    Thank you man for writing such a thorough guide
    As I've started out with html css and js I always thought where are those styling tools how do I do this and that and this legend shows me every single thing to learn

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

    This was so my first time seeing it and it was really helpful and detailed in getting a good overview of Web Dev terrain!
    Great Job!

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

      can u please summarize for me brother ? pls ..

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

    I could listen to Brad's voice 24/7.

  • @JamesWanjiru-x3w
    @JamesWanjiru-x3w Рік тому

    This is that piece of information i will go ahead and keep to always trim me to keep focus on exactly what really matters.
    So Amazing, Be blessed

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

    Fantastic guide. For the server side languages it is worth noting that Elixir is the only functional programming language in that list. All the others are object oriented (including PHP due to newer versions going more in that direction). Elixir has a lot of benefits in the way it works. The standard library is quite robust and it gives you access to erlang stuff as well without having to directly use erlang. But the job market isn't that large so think about it long and hard before committing to Elixir.

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

    we need more video like this. thank you man ,you did a big favor to us.

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

    I have been researching for weeks the things I need to know to deploy and was still pretty confused (a lot of videos just throw around the terms and names and sites and where to go and stuff, but I wanted to understand). You did that and more so well in 1 video holyy

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

    Watched the whole video in 1 shot. Thanks, Brad!

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

    This video convinced me to learn c#. It fits my needs as a hobby. Desktop, mobile, web apps games console apps

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

    Amazing, thanks for the video Brad, when I got started back 2021 this guideline helped me a lot!

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

    You have done an amazing job on this. This was my first time watching it, and because of it, I subscribed to your channel. Keep up the good work. I'll be watching your videos.

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

    This was most insightful. Thank you Brad. Grateful

  • @ArndtTech
    @ArndtTech Рік тому +6

    OK a few things here
    Accessibility is more important than you realize. I say this coming from a person with disabilities and who Accessibility benefits.If you don’t make your stuff accessible, it will lock out users like myself. for WordPress development you do need to know PHP coming from a WordPress plug-in dev here as well. I use PHP all the time and I also have to use some JS as well. git is valuable and you should learn that as soon as possible for backing up code and collaboration. Finally being a blind developer, I tried to learn CSS and Well is not easily doable. I find that going into css framework with a grid system is valuable. Yes, I use css flex but with the pre-made components of bootstrap, I go to that on a daily basis because that way, at least my components looks somewhat decent. Sorry for the long-winded response. I’ll probably have more as I watch the end of this video.

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

    Amazing content... A true blessing! Thank you very much sir!

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

    This video makes all puzzles in my mind connect to each other 🎉

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

    Thank you for this video! Very insightful! We also thought about that and made a new video about the difference between a software developer and a web developer

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

    YES! My favorite binge video of the year is finally here! Tysm Brad!

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

    this was an amazing walk trough. even though its a long video, finding out yourself would take several times longer. 👍

  • @parko1965
    @parko1965 Рік тому +6

    I love Angular and the new kid on the block Blazor.

  • @AyushSharma-mf6fy
    @AyushSharma-mf6fy Рік тому +1

    This guy is just awesome❤ ..I can't thank him enough for putting up such a good content ....udemy , youtube all of them thank you so much Brad ❤

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

      Imn also looking to get more motivated, have you called across anything else that helped motivate you

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

    comprehensive and superb (as always).

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

    Happy New Year! 🥳

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

    i knew it will come soon and now it is available!!! Thanks brad for making this kind of video each year.

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

    wide and comprehensive review - thanks Brad✌

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

    thank you so much my best teacher ever 🥰😀

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

    Absolutely top-notch! I learned so much from this video.

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

    every year I watch this videos. Great videos

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

    Excellent video! I wouldn't have minded if it were even longer. Your points all seem valid and any more elaboration on certain topics would be welcomed!

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

    Great work. One addition is for testing - Vitest is becoming pretty important for Unit and Integration and Cypress and Playwright should also be mentioned as mainly E2E, but can do more.

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

      Definitely agreed on mentioning Playwright.
      Also, my understanding is that Enzyme fell out of favor years ago in favor of React Testing Library.

  • @CarlosErick-lx6pb
    @CarlosErick-lx6pb Рік тому

    Fantastic guide. You really have to dominated topic about fullstacks technologies. I will go to follow yours ideas. Thank you much. 🎉

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

    You are sharing expensive contemt for free. Thank you so much!🎉❤

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

    you are great bro , I watched whole video and you clear my all doubts

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

    Thank you for the yearly tradition of brilliant videos, Brad!

  • @alnbyg
    @alnbyg 10 місяців тому +1

    Good stuff Brad🔥🔥👍👍

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

    Thank you for my bottom of my heart for your guidelines ❤

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

    hi Brad, I would be very happy to see a video of someone like you picking a task from a freelancer site like upwork, and complete it. I've heard many times from many people that it's the best way to get a reputation in development or have a portfolio of completed tasks, I would like to see how people do it, how do you measure the time you've spent in comparison with the fee, how do you communicate with the client. I find it very hard. Thank you.

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

    Simply superb guide but looking at the quality of the presentation I want to go back to school and start by learning PowerPoint first 😀

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

    You've just solved a problem I've been grappling with!

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

    Amazing comprehensive coverage of 2024 software engineering! Thanks so much!

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

    This is amazing guide for web developers and beginners , thanks a lot

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

    Best teacher!Thank you Brad

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

    omg i just wanted to get mor productive again and now we are getting the 2024 Guide, such a coincedence :D

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

    This guide is better and better(and longer ofc so many tech coming) in every year! Thank you for the many works from your mastermind, you have to teach this important area of IT on M.I.T. or Harvard and so and so.:)

  • @ChrisHoward-jo2ld
    @ChrisHoward-jo2ld 6 місяців тому

    So glad you do these videos!

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

    I stayed commited to this channel from the first time a Brad posted a web developement roadmap

  • @GülçinAksakal
    @GülçinAksakal 7 місяців тому

    Давно искал связку, большое человеческое спасибо

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

    Thank you sir for this amazing compilation! I am feeling so small after seeing this vid. What a world of web technologies that I did not discover yet.
    I have a question and anyone feel free to answer.
    Before this, my understanding was Web Designer is a pure Graphic Designer (non-coder) that chooses the path to focus on creating web designs, layouts and elements (mockups) on non-coding tools (Adobe Illustrator, Adobe XD, InVision etc). While Frontend Developer is a pure developer that chooses the path to focus on frontend web coding (HTML, CSS, Javascript) while still having the ability to create web designs, layouts and elements (maybe not as creative/skillful as Web Designer that I mentioned as per my understanding before as Web Designers are pure designers that studies design itself). So, if a web developer only build static website with maybe a little bit animation but heavy on CSS customization, I already considered him as Frontend Developer.
    But what I do learn from this vid is that I have the misconception of this 2 title term. Is it correct for me to say that Web Designer focuses more on CSS customization (while still involved with design creations, HTML and Javascript ofcourse) despite whether his background is from a pure designer or a pure developer?
    And Frontend Developer is most likely having a pure developer background (but not impossible for a pure designer as there are many course available these days) are more heavy on JavaScript manipulation on how JavaScript interacts with HTML (the efficiency of the code or framework of JS when interacting with HTML; while also still involved with design creations, HTML and CSS)?
    Feel free to let me know. Learning new things everyday. Thanks!

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

    Amazing video Brad! Thanks for your effort to create this kind of content.