Web Development In 2024 - A Practical Guide

335,181
0
Publicado 2024-01-23
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-dev-guide

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

Todos los comentarios (21)
  • @jasonhughes638
    How it started in 2018: Watching this as a student How it's going in 2024: Watching this as a web developer
  • @rafihasan7787
    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!!
  • @user-mi5gh2dd1x
    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 YouTube. ❤
  • @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. 🕊️
  • @larohndale
    Brad’s videos helped me my first year as a software engineer back in 2016! Here we are in 2024 🎉
  • @kenkioqqo
    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.
  • @philippec4448
    I know how I am going to spend my evening ! Especially with that storm passing over Ireland today. Thanks Brad !
  • @greenshaheen6716
    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
  • @ocquintus6751
    This is what I have been waiting for since the year began. an in-depth dive into the web dev roadmap
  • @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
  • @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.
  • The quality of this video is truely worldclass. Just wow its like laravel document level organized.
  • @harujung6
    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.
  • @user-vi9if6du5v
    Well done!🥰 I'm thrilled that I can benefit from your guidance every year.
  • @3266711732665514
    Amazing, thanks for the video Brad, when I got started back 2021 this guideline helped me a lot!
  • @beatrisprinz3421
    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.👍
  • @umairulislam9048
    Thank you so much for this roadmap. ❤ You are so honest on sharing the development knowledge.
  • @retiar2111
    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!
  • @user-cm8sb1uw1s
    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