Why EVERY Developer NEEDS to Know UI/UX Design 🎨

Gary Simon and I chat about UI/UX Design and why it's so important to learn design if you want to be a developer.

Zero To Mastery - Complete React Developer in 2022:

Receive 10% off at Zero To Mastery by using FRIENDS10 coupon code at checkout!

Here are some direct affiliate links for the gear that I use in my home office and gear that I use to make my YouTube videos

_____YouTube Gear_____

______Home Office_____

[TigerDeathThrash]

Why EVERY Developer NEEDS to Know everything

[designerarsenal]

I am actually a designer, 20 years on the web design field, who always used “design tools” from flash to dreamweaver, to Photoshop to fireworks to sketch to figma, to end up discovering that html, css and js are the best design tools out there. You simply have to learn to design directly in the medium you will build for

[scottldn]

Really happy to see your exploring UX/UI from a Devs perspective. As someone currently learning web dev, UX/UI is something I’m really interested in and I would be interested to learn more about how to incorporate these design techniques into the web dev process. More like this please Dorian! 👌👌👌

This is the content I would like to see more of.

[kayimagrace]

Thank you very much, Dorian. I am really glad about the video as I have been wondering about the science of coding and copying and passing in the area. This is a wonderful video.

[travis]

Glorious development content, hell baby

[rl]

What's funny is I picked up html/css but not super in depth, as in I knew how to create framework of a website with css grid and specifically used grid-template-area for sections, and then I moved onto Javascript. But when I tried to make a website to my standard I realized how many little holes I still had to fill in with CSS and containing everything properly.


After a couple weeks of 6-8hour grind sessions alot of those holes filled in ESPECIALLY with making everything responsive on all platforms and keeping everything within the grid.

There's so many little bits you have to pick up with CSS that I feel like most new developers (including myself) skipped over to get to the big chunk (Javascript).

The best advice I would say is to really stop watching YouTube tutorials and all that stuff and just get your hands dirty by trying to clone a site, and you'll expose your knowledge base much quicker than you think lol.


I personally use:
Grid-template-colloums
Grid-temllate-rows
And then I define all the sections with:

grid template-areas.


And within those grid cells I use flexbox for most of the content adjustments.


Learn your positioning and learn how to use grid and flexbox together folks. It's very important, then start to learn all the minor things and properties used for animation ect to make a site look fresh and nice.

If any newbies need some pointers just ask in the comments and I'll do my best to try and help any brand new people who still struggle with centering divs lol

[leopoldomolina]

Thanks for this video. It helped me to be sure about why I don’t like front end development so much… because it better requires to have skills in UI/UX, i. e., to have some artistic skills to make good looking websites and I am not good at that department…

[mikebeats]

Is there any boot camp you recommend other than ZTM? I tried them for almost a year. Not for me.

[Colstonewall]

I don't like Tailwind. Like you said, it's too damn much. Why not just write the css.

[sonjamir]

I have to pick between UX or front-end studying program. Could someone offer me advice on how to decide if you are already in the industry? I love ux, but I understand it's also much harder to land a job nowadays with it. Is UI developer path the good solution?

[Web-Himansu]

Still can I start side hustle using html and css while learning to code is it still possible in 2023 I watched your videos.❤❤❤❤love sir

[collinsa]

You mean web devs. Not all development is web development hence not all developers need to know how to design user interfaces

[lastspoil]

I hope all 9-5 companies swith to Figma for web design because of AI.

[FRMSharma]

I know you're getting started, but try not talking over one another, it just gets annoying to watch.