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.

Need a Place To Start?

Check Out All Courses:

Content Guide:

Premium eBook Version:

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

[jasonhughes]

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

[rafihasan]

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

[hakimzdope]

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!

[sideshowlol]

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

[philippec]

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

[larohndale]

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

[greenshaheen]

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

[ITentrepreneur]

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.

[webdevluc]

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

[ocquintus]

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

[arijitRoyFullyStressedOut]

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

[chenenpei]

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

[CleanThis]

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

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

[rkeenan]

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

[PlottingAnEscape]

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

[beatrisprinz]

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

[retiar]

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!

[marktaylor]

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!

[tiranorod]

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