Web Development In 2022 - A Practical Guide

[@TraversyMedia]

Hey guys, I know it is a long one, but I wanted to elaborate a bit on each topic instead of just skimming through slides. Use the timestamps if needed. Also, you don't need to even watch. You could listen to it while driving, etc. I will also be writing an ebook based on this guide but will be more in-depth. Thanks!

[@sujalkhatiwada2267]

Waiting for vue on Udemy sir ☺

[@qcmira2024]

Trust me Brad, I think everyone here (myself included) is more than happy to find one hour and a half each year to watch this awesome content. I really hope you keep posting those videos in the few years to come.

[@soumadip_banerjee]

❤️

[@arashshahabi853]

Thank you for sharing this great knowledge with us sir. I would love to see more web3 stuff on the channel or maybe on the book. It's something that I want to explore more this year. You taught me a lot these years and I really appreciate it.

[@iankamandew9777]

brad traversy coming thru

[@kumarshrey209]

For programmers, a new year is incomplete without watching Brad's classic guide on web development!

[@wartem]

Indeed

[@davidajentwa2284]

indeed

[@codeSTACKr]

Another year, another great yearly guide from Brad. Thanks!

[@TraversyMedia]

Thanks buddy, I appreciate that.

[@byc090020]

Although I'm familiar with alot of the terms here, it was always so discouraging seeing so many different types of technologies listed on job descriptions. It was super intimidating and made me want to give up many times. A video like this that breaks down literally everything is so beneficial for someone like me trying to find a job in the field. Can't thank you enough for your hard work in making this community more inclusive and easier to navigate for newbies like myself. Thank you Brad! Hope you have an awesome 2022!

[@funkmasterflexit]

Hey Brad, I used to struggle with getting my foot in the door in this industry several years ago, but watched an earlier version of this video along with your MERN stack Udemy course which set me off on the right track. I'm now a mid-level developer in a company, actually enjoy the work I do, and my salary is the highest it ever has been in my professional career. Just wanted to say thanks. Truly wish I could work with a developer with your knowledge and humility. I'm indebted to you for your story and the content you put out.

[@bohlokoamohapi9105]

Congratulations on your job Tim.

[@Rahulsingh-B]

Hi please provide me a road map

[@ronilda2231]

Hello. I am thinking if an associate of Computer programing is worth looking into for a well paid career. Would you provide with some informations if I should go for it or not?

[@Wildenfree]

This was INCREDIBLY helpful. As someone who is not a developer/coder wanting to learn & not knowing where to start because of all the moving pieces, this has provided the broad level overview that connects the dots for me in a way no other resource I’ve found up to this point has been able to do. Thank you very much for putting the time into making this. I have a feeling I’ll be referencing this video as a resource quite often.

[@tundebrown6630]

Whoa... I really enjoyed this session, so elaborate and unbiased. More than enough to help web developers set their path right. Thanks a lot Brad for what you do. Anticipating the ebook.

[@alexanderjernstrom9953]

Thank you Brad for making these videos. This same video in 2019 inspired me to learn react and now 2.5 years later I am working as a frontend developer. So thank you!

[@simponcode]

You cant even imagine at what perfect timing you uploaded... i was literally thinking about when will you upload the web dev guide and then suddenly... boom! notification appears. anyways, thanks a lot!

[@explorewithnouman786]

Same here 😊. Traversy media is great. Currently on job but will definitely watch it tonight

[@ahmedneworld1938]

I really want to say THANK YOU. For years, I was trying to learn Web Dev and as I touch the field I get disappointed by the huge amount of frameworks and just step down and never continued. You just draw a road map for me and many others. Thanks again

[@qprrwfjysfjjjwrlwwgqxhwjj275]

04:02 types of web dev- frontend, backend, full stack 06:20 basic tools 09:20 html and css 11:45 sass 12:40 postcss 13:20 css frameworks 17:00 ui design principles 18:47 javascript 22:07 git, npm, browser dev tools etc 25:23 deploy feontend projects - netlify, cpanel,.. Dns registrars 29:10 30:30 webdesign, frontend framework, backend, advanced js 31:30 frontend frameworks- single page applications: react, vue, angular, svelte 35:23 typescript 41:30 server side rendering Next.js(uses react.js), Nuxt.js (uses vue.js), remix, sveltekit 43:30 static site generator Gatsby(uses react.js, graphql), next.js, gridsome(uses vue), jekyll 46:05 headless cms: Strapi, sanity.io, contentful, graphcms 48:38 jamstack

[@BugMotoChannel]

What a great service Brad provides to the dev community, not just with this video but his entire body of work. Thank you Brad!

[@lindaburnside3832]

I've been coding for over 20 years, and I always learn things from you. Thanks for the great information and keep it coming please.

[@3266711732665514]

You have no idea how many times I went through the last year's roadmap, you are a bliss in the dev community, thanks Brad👏🏻👏🏻

[@iguimaraesf]

Amazing video from zero to deploy. Also, great update on react router dom v6. I did this minor adjustment when using "react-dom": "^18.2.0" * 1:08:47 - Checkbox - setReminder(e.target.checked)} />

[@WendimuSitotaw]

I really enjoyed the last two practical guides, in fact they cleared so much clutter, that's been building up due to watching "trends videos", in my head that I went for applying to jobs as a web dev and landed one. Thank you so much, Brad! Wish you a speedy recovery.

[@FlorinPop]

The most anticipated video of the year is here! Thank you Brad!

[@s.m.hasnathossain9041]

Hi Florin!

[@MLeandro77]

This content is essential for a beginner like me no matter what specific area you will join or work. With so many content ou there, this video is a perfect guideline. From Brazil, thank you very much Brad!

[@5un5hine73]

Brad you are helping hundreds if not thousands (even millions) of people on their way to a new career in life. you are teaching us and we are grateful for every moment that you give. You could literally do anything and you choose to pass on your knowledge and experience with us. You don't ever have to apologize to us. we thank you a million times over ❤

[@IzzyIkigai]

Tbh after over a decade in the industry I can't even say if "you're helping people get into the industry" is a good or a bad thing. :'D

[@emmanuelmilord8437]

I’m already working in JavaScript and hoping to get into react by the end of the month. I’m really hoping to get a web developer position this year and your videos have been so helpful in my process!

[@iuonak]

Can you tell me in what country do you work and what's the salary there for a javascript job?

[@Hamasakifanboy]

You get a job?

[@Phas0ruk]

Wow this is EXACTLY what I have been looking for. There are so many "shiny objects" in the web dev space, that as someone trying to break in, it is hard to know what road to go down. Just discovered your channel a few days back and it is an asset to people like me. Thank you Brad. * Hat tip *

[@daniil9749]

Decided to try web development in 2022. Your video is fantastic, gives an idea of where to start!

[@nightmare-9467]

As someone in the midst of a career switch to Web Dev, this is mind-blowingly succinct (to me, at least). 1.5h to get such a clearly and thoughtfully explained roadmap is a great bargain on my time. I will be following your content much more closely from now on, and look forward to your 2023 edition! Cheers and thank you

[@paulburkart3575]

It's so hard to find quality content on KZbin anymore. But Traversy Media is always a channel I'm excited to come back to. The information is in-depth, and accurate, and with zero fluff. You are very real.

[@TwoRedPassports]

I am absolutely new to coding, decided to change my life and career and this video is literally my first step into your world. Thank you

[@dragonballmysteries7580]

I have been waiting for this and it's finally here! God bless you and your family Brad!

[@cubeermaui]

Brad, I really need to thank you for all your videos you put out for us as dev community. Your voice is amazingly calm, your way of explaining stuff is great, your English ist very clear, which makes it easy to understand (even as non native English speakers as I am), and last but not least, the content is always spot on. Thanks for all your work and keep it up. Best regards from Munich

[@thedailysenior]

Thank you so much Brad for everything!! This year I had a goal to be a full-stack developer, I've followed your guide, and here I'm thankful for all the valuable info at the end of the year! You're always the best man.

[@bobinorlando]

Wow what a tour de force overview of web technology Brad's video is! On the other hand, 25+ years after the web was born, what an overwhelmingly complicated and unmitigated cluster fuck of technology the web has become and continues to be. I cannot imagine what a daunting task it would be for someone starting out in the industry today to *master* *any* of the complete paths from core concepts to a single front end and a single compatible back end that actually delivers a bug-free website, not to mention learning networking, security, UI principles, mobile, SEO, databases, not to mention the business of being in the web design and programming business. No wonder 40% of the web is built on Wordpress!

[@yuuko4888]

Finally! Thank you Brad for everything you do.

[@CODINGISEASY]

love your username 😂

[@ZaidMarrie]

This is the most helpful yearly guide I have ever come across. Thanks Brad, for creating content of this quality it is greatly appreciated!

[@vectoralphaSec]

I love forward to this every year. Amazing to see where web dev is going for the future.

[@loststar1321]

This is a good and detailed video for anyone who are confused and feeling lost including me. HAHAHA all the best to everyone who watch this and hope you guys found the path you are going to be in the upcoming years! Thanks Brad !

[@mavinms]

This is the best of the best, rare of the rarest video. On this planet, one of its kind. I have watched a few hundred videos on youtube to get familiar with proper web development technologies or paths. Million Thanks For This beautiful, ocean of information-video.

[@SaurabhMishra0709]

Finally it is here....all the best everyone....let's hope we all become a good web developer at the end of this year....👍😊

[@Arunkumar-bo2wc]

Are you a developer

[@SaurabhMishra0709]

@@Arunkumar-bo2wc No, currently a final year UG student.

[@MozartMartins]

I hope

[@peezy_531]

Update?

[@jeremystone6433]

This guide is so comprehensible and comprehensive, I would suggest this video to any project manager or middle management who need a "bluffer's guide" to web development.

[@chakerdmlc]

This guy's videos changed my life 2 years ago , all i can say is THANK YOU

[@Graid]

When I was first trying to work out what I needed to learn for web development, I listened to an earlier version of this video and was duly intimidated! There are just so many things to learn and at that point I didn't know really what a lot of these things like 'frameworks' or packages or libraries were let alone what they did. If there's any beginners out there reading this who feel the same about how incomprehensibly complex this seems- take heart! Six months later after doing a web developer bootcamp udemy course I now have an idea of what most of these things are and what kind of uses they have. If you are in a position of feeling intimidated by the sheer amount of things, definitely going through a web developer course can help clarify so much what this is all about.

[@moradshebli9562]

This is by far the best form of any educational video/material I found on the internet. It literally gives you a detailed overview of the path you are going to take before starting. All the knowledge in this world should have such practical guides for everyone who wants to learn.

[@StefanRows]

I love that you put it on your website. This is really epic! Makes it so easy to choose what you want to learn compared to just browsing KZbin!

[@TraversyMedia]

Thanks, yeah ifigured it is more helpful than just putting it in the sidebar of the video :)

[@umitcelik5508]

I watch this video when I feel bad. Everything is proceeding step by step and calmly. Thank you.

[@chirantanx]

Watching it in 2023 and it's still the best guide out there

[@suvraneelsaha8973]

I'm just a beginner in web dev just started with html and css . This is a gold mine i could say but its really overwhelming as a beginner to see soo many things are there for me to learn .

[@theophilusowiti9656]

If you miss this, it's like you are living without air. Thanks brad for leading us down the path sensei 😁

[@alain_laroche]

My last Christmas gift finally arrived 😁 Thanks Brad and hope you and your family are feeling allright and Covid free!

[@patrickwimsatt7492]

FINALLY!! A video showing the big picture. Awesome overview and so needed by so many people. Great Job!!!

[@MK-Sattar]

I don't have any background in any computer technologies and I am always struggling to find out what do I need to learn in order to move forward as a Frontend developer. This right here is something I really needed and i want a thank you for making this educational video for us. Appreciate it and loved videos on FlexBox and Grid as well, again i cant thank you enough

[@paulgallovich8823]

Thanks Brad! Great video! I am learning to code for cybersecurity reasons and web application pentesting. For example OWASP top 10, understanding SQLi you have to understand how web applications work and how they can exploited. To work in web application security you have to understand the code full stack, that's what I am working toward. Your courses are helping me achieve that goal. Thanks so much!

[@thomasmiller2747]

I was just thinking "Oh im excited for web dev in 2022" right before finding this lol. Thanks for all the work, hope 2022 is the best one yet!

[@DesignCourse]

Getting in early for the epic video.

[@WendimuSitotaw]

Gary is also here, another favourite of mine!

[@garybeltrand5802]

I started an online program for web dev a year ago, but I ended up searching out other resources that were better suited for my specific interests. The main thing I took from the first program though was at least the knowledge/map of what targets to aim for. What's described in this video matches that pretty closely, but with more updated info. This video is a great place to start if you have an interest. Try everything out and see where you want to go before you get stuck in a formal program that might not be what you're looking for.

[@raaghavendrahm4883]

I was so glad to see this as my first video as soon as I opened KZbin. Even KZbin know what has been the best part of my 2021 :) (and was equally glad to see Brad's tweet early morning!). Oh my god such a nostalgic feeling on this video! 2021's guide has been such a guide to me in low days of my life where I was blank. All thanks and wishes to you, Brad. You're an amazing human being. I wish you and your loved ones a very happy and healthy 2022!

[@chrispinuswere5391]

I was actually waiting for this, really needed it. Thank you Brad.

[@MrNihilius]

The best overview I have ever seen! Thanks for your work!

[@marchanselthomas7393]

The best coming out of the best! Never ever apologise for making long videos

[@ArcticBanshee]

Amazing content. I loved the fact that you explained what each thing was, so that even someone who is brand new to web dev can make notes and follow along. I love the centralized information like this. Thank you for your hard work!

[@israeloduguwa]

Thanks brad I watched your 2018 video, now I'm a master at web development

[@DevPool]

Hey Brad, I love your videos! Your videos are super helpful for new developers, and it will guide them to the right path rather than being lost in the void. You also inspired me to create my channel to help out new developers. Thanks for your awesome videos!

[@kantulaev]

its really cool design in your slides!

[@0x007A]

This is an amazingly comprehensive guide to the web development landscape in 2022.

[@ihsen]

I didn't expect to watch it till the end. Yet here I am 1 hour and a half later. A masterpiece! Thank you

[@donbrask]

Kudos for making dark background, my eyes thanking you. About to start my developer journey, this video answered a lot of my questions.

[@dansanger5340]

You have no idea how helpful this is. I'm new to Web dev, but have a desktop app I want to try to create a web app version of. There are so many technology options that it's very confusing. This technology survey gives me a good idea of where to start with prototyping, and how to scale if it ends up being popular.

[@serioussam9400]

You broke it down to pieces. One of the best roadmaps ever so far.

[@PigsDream]

Just watch the video I love how you make all these technologies approachable. In the past I've watched your tutorials to get a feel for learning something new when I need to at a job. When the boss wanted an app to capture driver license info to sell to dealerships. I chose Ionic so I could have one code base and compile to Android and iOS your videos really helped me and I was able to pull it off working alone on the project. Its ultimately didn't get used, and the owner sold the company, but I felt like I really accomplished something. I really appreciate your channel and all the work that has gone into making these videos. Thank you.

[@jugurtha292]

This is by far the best video i have seen so far about web dev, definitely helped a lot. Thank you for your work sir!

[@arafatmohammedyasin2524]

I wasn't clear about web dev but after watching this video now it's clear. Thanks man!!

[@professionalshahbaz8655]

I think Brad is born to teach how to code. No one can teach and guide like him

[@bysho]

i managed to watch the whole thing. very grateful for the time you put into these videos dude! i'm unemployed right now and have been trying to convert my casual interest in this topic into a more serious thing. thank you so much for existing

[@martinsolentwebdesign4617]

With so many technologies, frameworks, solutions and directions to take you have explained and categorised everything that has evolved over the last decade in one video! Amazing Brad - Cheers

[@SamFreelancePolice]

Love these videos. Started learning web development in early 2021 during lockdown, mostly from this channel. I've made several websites along the way, from JS and CSS only to full-stack Svelte + Python backend + API database. I can tick all the boxes on Front-end Developer, but I still to work on the database and authorisation stuff. Web3 also looks very promising, albeit VERY early. Excited to see where it goes and where I go in the future. Thanks Brad!

[@SadnanSanim00071]

Im starting web development this 2022, I have a question, can a person learn all of the frontend stuff and some of the backend, enough to do some projects as a freelancer in a year.

[@SamFreelancePolice]

@@SadnanSanim00071 I don't do it professionally, but I do have most of those skills. If you learn a bit every day and work on varies projects, I'm sure you can do it within a year.

[@hector9586]

dont go to web3 stuff yet, they are very niche, and it's only used for Dapps, and it's not that hard, it's just an API. If you have time to spend, focus on TypeScript and Python, I have used a lot GraphQL professionally.

[@hector9586]

@@SadnanSanim00071 You should focus first in some area, either front-end, back-end or dev-ops, otherwise you will become extremely overwhelm, probably you will have to work hard and make a lot of projects to prove you are proficient.

[@NotPolloz]

Really enjoy watching these videos every year and finding myself closer to the end of the video.

[@davidaway753]

Thank you so much for this video, I watched it in its entirety today, to get an overview of how web development looks these days

[@theatypicaldeveloper]

one of the must-watch vids when entering 2022, thanks for creating it!

[@2pacgamer]

this kind of video is rare to find. It is so informative about the tools and everything Thank you for providing that quality of content :)

[@MatthaisUK]

Thank you for continuing to do these. They're a fantastic summary for both myself and to recommend to other people

[@workingmansrevolution]

Thank you again for another great post. Great content. No BS. I’ve watched hours of other videos. None are as content rich. A huge resource.

[@Aleph-Zero]

Dude even gives access to his slides. Gold

[@_Alch3m1st_]

The most comprehensive summary of technologies I have ever seen. thanks! It is good to keep up to date with the evolving technologies.

[@MexiChriS]

This was really resourceful and beyond refreshing being out of the loop for over 15yrs. Thank you.

[@infobyte9246]

I started taking your courses 2 years ago and then I Left coding last year. I was learning 3D. But Now this Video motivated me alot to get back to coding and find out new things... I always love your content.. Will keep supporting you❤️

[@ihak070]

Thank you so much for the guide. Right now I am working as a load and performance tester. I wanted to change my career. I am very interested in two topics (Cybersecruity and Web Development) and I have average experience in both areas. I couldn't decide recently because I enjoy both very much. But then I decided that I enjoy web development a little more than cybersecurity. However, there are so many "guides" where I was just confused at first and I tried to learn the technologies without a roadmap. Your video was recommended to me randomly and I am very happy about it. Thank you very much. It really helped me a lot!

[@paulgrant187]

I want to say thank you for this video. It has significantly helped me to determine how I will progress my web development journey.

[@qcmira2024]

Awesome video ! I started watching this yearly video back in 2019 and it’s really great to stop for a few minutes at the beginning of each year to get an overview of how things stand on the web dev scene. Thank you Brad!

[@engsiyad]

Definitely ,The most anticipated dev related video of 2022.

[@danienell5248]

Such an amazing video! starting my journey towards fullstack today and will be following you like crazy!!!

[@behold_a_son]

It's always suggested to have a broad overview before going in depth and this video accomplished that subject! Thank you and well done :)

[@RunOs3]

Glad you hear you doing better, Brad. Thanks for the great vid.

[@georgestatefield]

Hey Brad, thanks for the guide!

[@xkwantified]

this is a classic, 'must-watch' video every year, have been waiting for this😊... thank you Brad👍!

[@dilshodbekisoqjonov7297]

yes. truly must watch. i had been waiting for it for 20+ day

[@chrislee2673]

Wow I can't believe another Year has gone by! As always Brad you have put together a great picture of where to be and whats ahead. I am coming up to 3 years your Patreon. Best money I ever spent. Thanks.

[@CRBarchager]

Yet another nice video from you. Been watching these for 3 years and it's always an instant like as I know the content is good.

[@elishane2617]

This video really helped out a lot. Honestly everytime I tried learning web dev I had no idea where to go buh this video helped with that. Thanks a bunch. For real🤧😂

[@NotesNNotes]

Just finished a web dev bootcamp, this video is awesome! It made me feel confident in some areas and also highlighted what I need to learn and what I'm interested in looking into :) Appreciate all your work, Brad!

[@ineshilz]

Thank you what a great overview! Changing careers to FE and felt like it's an endless sea of tools and information, but now I feel very confident that it's doable and that I know what it's worth to look into :) Thanks for taking the time to do this video!

[@fouadelhoudaigui4430]

Thank you very much brad you always helping us to see all web updates in one video, and that simplify to us choosing right tools

[@michaellimisi3630]

Thank you SO MUCH, Brad! Just getting started on my journey as a Dev. This is very helpful to me.

[@arindam1249]

A new year isn't new year without this ❤️

[@zvithalerable]

Thank for the coverage of the whole landscape of the stack. It is really informative

[@riaznapa]

I was waiting for this video like i did since 2019. A great contribution to the community. The idea for ebook is even better. God bless you and your family.