Web Development In 2021 - A Practical Guide

This is my yearly guide to web development. I describe web technologies that are commonly needed as well as new trends and give you multiple options to create and plan your learning path to reach your goals.

Find a list of my latest Udemy courses at:

💖 Support The Channel!

Timestamps:
0:00 - Intro
0:42 - What is this guide?
1:28 - Frontend vs Backend vs Full Stack
3:23 - What is your goal?
3:54 - Basic Tools
6:31 - HTML & CSS
8:24 - Sass
9:11 - CSS Frameworks
11:04 - UI Design Practices
11:49 - Vanilla JavaScript
14:38 - Some Other Tools
17:05 - Basic Frontend Deployment
18:53 - Domain Names, SSL, etc
19:55 - Foundational Frontend Developer Summary
21:00 - What Now?
21:20 - Frontend Frameworks
24:15 - State Management
26:06 - TypeScript
27:42 - Testing
28:42 - Server Side Rendering
30:34 - Static Site Generators
32:20 - Headless CMS
34:10 - The Jamstack
35:22 - Frontend Superstar Summary
36:03 - Server Side Languages
40:34 - Server Side Frameworks
44:27 - Databases
47:22 - GraphQL
49:48 - Wordpress Development
51:08 - Deployment, Servers & DevOps
55:02 - Full Stack Developer Summary
55:43 - Mobile Development
56:47 - Progressive Web Apps
57:38 - Desktop Apps With Web Tech
58:29 - AI / Machine Learning
59:17 - Web Assembly
01:00:12 - Algorithms
01:01:04 - Data Structures
01:01:40 - Software Design Patterns
01:02:09 - Wrap Up (Thank God)

[edrxnmk]

When I watched Web Development Practical Guide 2020 a year ago, I was just starting Web development and now I am watching 2021's guide as a Front End Dev who works for a company, Thank you very much Brad Traversy

[damnboy]

I remember that I watched this guide in 2018, I learned html css js, got first job as a technical support engineer and two months ago I got a position as a c# backend developer. Dreams come true!

[WisdomSeller]

For the Backend Developers

3:54​ - Basic Tools
6:31​ - HTML & CSS
11:04​ - UI Design Practices
11:49​ - Vanilla JavaScript
14:38​ - Some Other Tools
17:05​ - Basic Frontend Deployment V
18:53​ - Domain Names, SSL, etc V
26:06​ - TypeScript
27:42​ - Testing

Optional:
28:42​ - Server Side Rendering
30:34​ - Static Site Generators
32:20​ - Headless CMS
34:10​ - The Jamstack

36:03​ - Server Side Languages V
40:34​ - Server Side Frameworks V
44:27​ -

Optional:
47:22​ - GraphQL
49:12​ - Socket.io & Real-Time Apps
49:48​ - Wordpress Development
51:08​ - Deployment, Servers & DevOps
55:02​ - Full Stack Developer Summary
55:43​ - Mobile Development
56:47​ - Progressive Web Apps
57:38​ - Desktop Apps With Web Tech
58:29​ - AI / Machine Learning

Good to know:
01:00:12​ - Algorithms
01:01:04​ - Data Structures
01:01:40​ - Software Design Patterns

[FlorinPop]

The most expected video for the end of 2020 is now out! 🔥

[SkelleRok]

This is like a New Year present every year. Have been waiting for this.

[zachgoll]

I don’t think anyone else on YouTube could pack all this knowledge into 1 hour better than Brad can. Thanks for another year of this series!

[TaylorBrauer]

I love how comprehensive this is. Including the resources on the right is just brilliant. Thanks for sharing!

[codedamn]

This is a great list of options Brad. I’ve skimmed through the whole video 3-4x speed and in most cases I couldn’t find any better alternatives other than what you provided in the respective sections. Definitely gives the birds-eye perspective of the industry 👍

[TraversyMedia]

Hope you enjoy :) Keep in mind, this is not geared toward one specific path. I try and lay out EVERYTHING and shed a little light so that you can choose your own learning path. You only need to learn a fraction of the stuff that I mention, so try and not to get overwhelmed. Also, if you watch this every year, I know it can be a bit repetitive, but I try and give everything a fresh take.

Also, this is not a "latest trends" video. I can do a separate video for that. This is just an all in one guide that happens to mention some hot trends

[mabroorahmad]

When i Look back one year ago i did not new any thing about coding.
Past 8-9 months in pandemic i had a lot of time and i started learning.
Brad, Bucky Roberts were the most helpful persons on the internet.
Now almost one year later i am a Full Stack Developer and i am really thankful to You.

[oliver]

I transformed from a college dropout to a freelancer in 2020 by watching your videos. Thank you so much! Keep rolling!

[bepd]

Landed my first developer job this year thanks to Brad and others providing great content like this.

Thank you Brad!

[smsibasish]

I remember last year I was watching your 2020 web developer guide and I felt like an imposter, not knowing anything but slowly and steadily I started following the learning path, invested the free time while working full time from home to learn new technologies one at a time and now I am watching this and I feel like hell yeah I came a long way and the journey was awesome. Thanks Brad for everything you do ❤️

[yorkiek]

Front end dev is the route I'm going for. I've had a few interviews this year for junior positions but I always freeze up when it comes to the technical side of the interview and completley bomb it. I need to work on my interview skills more.

[billgross]

Thank you for your annual technology video! I never miss watching it. I've been a software engineer for 20+ years, but still have to keep learning and your videos are one major way I do it.

[BuildWithAITools]

All web developers need to watch this one hour video before starting in 2021. I think serverless stacks will be more popular in 2021 like NextJS and NuxtJS

[techtechtuts]

“We cannot teach people anything. We can only help them discover it within themselves.” That's the purpose of this video.

[Ctrl_Alt_Elite]

Damnnn, appreciate this video and the timestamps. Thanks for putting in the time & making quality content Brad 💯👌🏽

[felipeventura]

I was looking into a drastic career switch to software development, starting in web, and have been looking for information for 2 weeks now. Every video or blog post I see is about people giving advice on languages, frameworks and project tips, but it was very overwhelming and hard to digest.

This video is an absolute gem in the desert. Everything is listed, explained, in a very clear and concise sequence, and reference courses given. I feel like I was mouth fed and hand held and now I see a much clearer path I have to follow. Thank you very much.

[rohitkumarvarma]

the biggest gift of the year just arrived!