Web Development In 2024 - A Practical Guide

Ғылым және технология

My annual guide to every web development technology that you can think of. We cover everything including frontend, backend, full stack, DevOps and more.
Check Out My Courses:
www.traversymedia.com
Content Guide:
www.traversymedia.com/guide
Premium eBook Version:
traversy.gumroad.com/l/web-de...
Timestamps:
0:00 - Intro
1:12 - About This Guide
2:43 - Developer Roles
7:15 - Developer Goals
11:38 - Essential Tools
16:02 - HTML & CSS
18:35 - CSS Frameworks
22:28 - Sass
24:17 - Other Helpful Tools
29:59 - Design Principles
31:34 - JavaScript
34:00 - WordPress
35:54 - Basic Deployment
38:46 - Checkpoint #1
41:49 - Where To Next?
45:12 - Evolving Frontend Architecture
49:05 - Frontend Frameworks
49:33 - React
52:17 - Vue
54:05 - Angular
56:30 - Svelte
58:32 - React Ecosystem
1:06:14 - Vue Ecosystem
1:10:00 - Angular Ecosystem
1:12:50 - Svelte Ecosystem
1:15:11 - TypeScript
1:16:36 - Headless CMS
1:20:03 - Other Frontend Tools
1:24:23 - Web APIs
1:27:10 - Testing
1:29:16 - Checkpoint #2
1:30:49 - Server-Side Language
1:42:29 - Server-Side Framework
1:53:50 - REST API
1:54:37 - GraphQL
1:56:09 - Databases
2:04:27 - Database ORMs
2:09:14 - Authentication
2:12:03 - Serverless Architecture
2:13:54 - Full Stack Deployment
2:17:09 - Bun.js
2:18:36 - Checkpoint #3
2:20:25 - Containerization
2:23:00 - Web Assembly
2:24:15 - Mobile Development
2:27:18 - Progressive Web Apps
2:28:53 - Desktop Apps
2:31:56 - Design Trends
2:34:12 - IoT & Metaverse
2:35:03 - Artificial Intelligence
2:36:50 - DevOps
2:38:00 - Animation
2:39:50 - VR & AR
2:40:58 - Web3 & Blockchain
2:42:37 - Outro

Пікірлер: 477

  • @jasonhughes638
    @jasonhughes6383 ай бұрын

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

  • @Kunaltwts

    @Kunaltwts

    3 ай бұрын

    what courses you took to learn web development

  • @js_dev_uk

    @js_dev_uk

    3 ай бұрын

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

  • @michaelcyber4584

    @michaelcyber4584

    3 ай бұрын

    Would like to know too

  • @LoadOfJak

    @LoadOfJak

    3 ай бұрын

    Same!

  • @ray84851

    @ray84851

    3 ай бұрын

    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 KZreadrs: 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🙂.

  • @rafihasan7787
    @rafihasan77873 ай бұрын

    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

    3 ай бұрын

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

  • @tonybp

    @tonybp

    3 ай бұрын

    Keep telling yourself that if it makes you fell better 😂

  • @bilalrasheed8272

    @bilalrasheed8272

    3 ай бұрын

    ​@@tonybpI agree with you

  • @raunomajor4631

    @raunomajor4631

    3 ай бұрын

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

  • @greenshaheen6716

    @greenshaheen6716

    3 ай бұрын

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

  • @philippec4448
    @philippec44483 ай бұрын

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

  • @sideshowlol
    @sideshowlol3 ай бұрын

    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. 🕊️

  • @larohndale
    @larohndale3 ай бұрын

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

  • @greenshaheen6716
    @greenshaheen67163 ай бұрын

    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

  • @webdevluc
    @webdevluc3 ай бұрын

    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

  • @arijitRoyFullyStressedOut
    @arijitRoyFullyStressedOut3 ай бұрын

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

  • @ocquintus6751
    @ocquintus67513 ай бұрын

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

  • @user-vi9if6du5v
    @user-vi9if6du5v3 ай бұрын

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

  • @2Clean4This1
    @2Clean4This13 ай бұрын

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

  • @ITentrepreneur
    @ITentrepreneur3 ай бұрын

    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.

  • @rkeenan85
    @rkeenan853 ай бұрын

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

  • @hakimzdope
    @hakimzdope3 ай бұрын

    Been waiting for this all January. Its been a yearly habit for me to watch this guide. It has been helpful for me as it gives an outlook on exciting new technologies to explore and learn and add it to my application web stack. So thankful that you have helped me start my full stack journey 5 years ago when I followed your fullstack guide using JavaScript, Node.js, Express.js & MongoDB. Thanks so much Brad and keep up the awesome work!

  • @brianbeal9206
    @brianbeal92063 ай бұрын

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

  • @3266711732665514
    @32667117326655143 ай бұрын

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

  • @roudvolf
    @roudvolf3 ай бұрын

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

  • @sweatDev
    @sweatDev3 ай бұрын

    Thanks for the video, Brad! Liked! You helped me become a dev and I love when these videos come out each year.

  • @umairulislam9048
    @umairulislam90483 ай бұрын

    Thank you so much for this roadmap. ❤ You are so honest on sharing the development knowledge.

  • @user-cm8sb1uw1s
    @user-cm8sb1uw1s3 ай бұрын

    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

  • @twalke0555
    @twalke05553 ай бұрын

    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

  • @marktaylor9886
    @marktaylor98862 ай бұрын

    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!

  • @beatrisprinz3421
    @beatrisprinz34213 ай бұрын

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

  • @PlottingAnEscape
    @PlottingAnEscape19 күн бұрын

    My favourite annual video of all channels on KZread! And I savour it all year; watching bits and pieces as the years goes on 😄👍

  • @awvm
    @awvm3 ай бұрын

    Great video man, as always. Thank you!!

  • @tomasburian6550
    @tomasburian65503 ай бұрын

    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.

  • @nro337
    @nro3373 ай бұрын

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

  • @ssarefintanweer6191
    @ssarefintanweer61913 ай бұрын

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

  • @indimerz
    @indimerz3 ай бұрын

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

  • @emmanuelehis1194
    @emmanuelehis11943 ай бұрын

    Been waiting for this. Thanks Brad!❤

  • @desiboi7691
    @desiboi76913 ай бұрын

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

  • @retiar2111
    @retiar21112 ай бұрын

    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!

  • @mmelimahlobo7656
    @mmelimahlobo76563 ай бұрын

    Thank you Brad for blessing us again with the guide

  • @user-ru8hn9hb5c
    @user-ru8hn9hb5c3 ай бұрын

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

  • @arsalanhussain6499
    @arsalanhussain64993 ай бұрын

    At 59:12 brad mentions about creating a react app using create-react-app. Just to inform that the tool is deprecated now and react team recommends to start with vite for SPA

  • @michaelion7753

    @michaelion7753

    3 ай бұрын

    Vite is overrated. It's a dev tool not that great in production deployment.

  • @arsalanhussain6499

    @arsalanhussain6499

    3 ай бұрын

    @@michaelion7753 What issues are you facing?. We have been making react apps with vite and its working way better than create-react-app.

  • @russelfernandes8483

    @russelfernandes8483

    27 күн бұрын

    @@michaelion7753 he still makes a relevant point. CRA is past, Vite is how React apps are built today; Sure for very large scale one can explore options like nx;

  • @nick_merchant
    @nick_merchantАй бұрын

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

  • @michellefranklin3182
    @michellefranklin31823 ай бұрын

    Thanks for this overview.

  • @phucnguyen0110
    @phucnguyen01103 ай бұрын

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

  • @harujung6
    @harujung621 күн бұрын

    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.

  • @vahesevachyan9399
    @vahesevachyan93993 ай бұрын

    This is great stuff, thank you Brad! Very well structured.

  • @Voidstroyer
    @Voidstroyer3 ай бұрын

    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.

  • @CommDao
    @CommDao3 ай бұрын

    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

    3 ай бұрын

    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.

  • @joryiansmith
    @joryiansmith3 ай бұрын

    Outstanding video man 🔥

  • @DoctorSoulis
    @DoctorSoulis3 ай бұрын

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

  • @Architg_streams
    @Architg_streamsАй бұрын

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

  • @StephenAinsworth1
    @StephenAinsworth13 ай бұрын

    Happy New Year! 🥳

  • @VirendraBG
    @VirendraBG3 ай бұрын

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

  • @Narslimmus
    @Narslimmus3 ай бұрын

    Was patiently waiting for this, thank you :)

  • @imraushan_soni6030
    @imraushan_soni6030Ай бұрын

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

  • @mariners_platter
    @mariners_platter3 ай бұрын

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

  • Ай бұрын

    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.

  • @techtalk_uganda
    @techtalk_uganda3 ай бұрын

    Thanks for your dedication We appreciate

  • @Code-Patis
    @Code-Patis3 ай бұрын

    Thank you so much for this video, Brad.

  • @familiecole
    @familiecole3 ай бұрын

    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.

  • @archamedis
    @archamedis3 ай бұрын

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

  • @jeronimopizarro3391
    @jeronimopizarro33913 ай бұрын

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

  • @drivan2391
    @drivan23912 ай бұрын

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

  • @shahnawazkhan1509
    @shahnawazkhan15093 ай бұрын

    Best video for development process planning... Good work 👍

  • @NinosYoukhana
    @NinosYoukhana3 ай бұрын

    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.

  • @muhammeddiab723
    @muhammeddiab723Ай бұрын

    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

  • @balledachandrahas8326
    @balledachandrahas83263 ай бұрын

    Great information! Thank you Brad for doing this.

  • @Dampferfrosch
    @Dampferfrosch3 ай бұрын

    well structured information - thank you

  • @yt4krist0f
    @yt4krist0fАй бұрын

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

  • @taariqq
    @taariqq2 ай бұрын

    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!

  • @emmanuelnwabuodafi6415
    @emmanuelnwabuodafi64153 ай бұрын

    Thanks so much Brad... Quasar builds mobile apps comparable even to React native leveraging Capacitor and Cordova. It even uses electron to build desktop app

  • @janosmarta8258
    @janosmarta82583 ай бұрын

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

  • @user-mi5gh2dd1x
    @user-mi5gh2dd1x3 ай бұрын

    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 KZread. ❤

  • @licherliu6707
    @licherliu67073 ай бұрын

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

  • @ismaeltinta6118
    @ismaeltinta61183 ай бұрын

    thank you so much for the effort you put in for educating us

  • @raza99.99
    @raza99.993 ай бұрын

    Thank you, and this is the best of 2024.

  • @anthonyshelly4718
    @anthonyshelly4718Ай бұрын

    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!

  • @boukew
    @boukew3 ай бұрын

    Exciting stuff for the future of the web!

  • @arisjacko1582
    @arisjacko1582Ай бұрын

    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

  • @Roxanne670
    @Roxanne6703 ай бұрын

    This is amazing, thanks Brad 🙏🏻

  • @theodoradimitrova5971
    @theodoradimitrova59712 ай бұрын

    Best teacher!Thank you Brad

  • 3 ай бұрын

    Impressive guide. Thank you so much.

  • @AntipasBelihu
    @AntipasBelihu2 ай бұрын

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

  • @indaneeydesign165
    @indaneeydesign1653 ай бұрын

    Very Helpful. Thank you so much!

  • @musicalbattle8755
    @musicalbattle8755Ай бұрын

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

  • @alb_0802
    @alb_08023 ай бұрын

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

  • @CarlosErick-lx6pb
    @CarlosErick-lx6pb3 ай бұрын

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

  • @tibebetech4867
    @tibebetech48673 ай бұрын

    Excellent job and Thank you!!

  • @buku69420
    @buku694202 ай бұрын

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

  • @Sammar-Shah
    @Sammar-Shah3 ай бұрын

    I learned Lot from You Sir,, Love You...

  • @enzy6434
    @enzy64343 ай бұрын

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

  • @poro4901
    @poro49013 ай бұрын

    Oh my god, can't wait to sit down and watch the annual banger from Brad.

  • @nobleriflemanstudio5164
    @nobleriflemanstudio51643 ай бұрын

    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!

  • @levyroth
    @levyroth3 ай бұрын

    This is simply the best!

  • @parko1965
    @parko19653 ай бұрын

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

  • @chandankorado3749
    @chandankorado37493 ай бұрын

    Finest roadmap i ever heard!

  • @JeanDidier
    @JeanDidier3 ай бұрын

    This is a masterpiece ✅ Thanks Brad 🙏

  • @tobiaslejnerborn2238
    @tobiaslejnerborn22383 ай бұрын

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

  • @smolenrkswe
    @smolenrksweАй бұрын

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

  • @ismailco
    @ismailco3 ай бұрын

    every year I watch this videos. Great videos

  • @user-ql1xw4py5w
    @user-ql1xw4py5w3 ай бұрын

    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.

  • @bigKaup
    @bigKaup2 ай бұрын

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

  • @umaramjad5357
    @umaramjad53573 ай бұрын

    waiting for this from 1st Jan 👌👌👌👌👌 Great Guide for Everyone

  • @colindante5164
    @colindante51643 ай бұрын

    Pure gold!!!

  • @kenkioqqo
    @kenkioqqo2 ай бұрын

    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.

  • @nick_merchant

    @nick_merchant

    Ай бұрын

    Well said!

  • @alnbyg
    @alnbygАй бұрын

    Good stuff Brad🔥🔥👍👍

Келесі