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.
If you're interested in learning about UI/UX design make sure to checkout Gary's channel ‪@DesignCourse‬ and his website designcourse.com
Zero To Mastery - Junior to Senior Web Developer Roadmap: bit.ly/ZTM_Web_Developer_Roadmap
Zero To Mastery - Master the Coding Interview! Data Structures + Algorithms: bit.ly/ZTM_Coding_Interview_Prep
Zero To Mastery - Complete React Developer in 2022:
bit.ly/ZTM_React_Developer
Receive 10% off at Zero To Mastery by using FRIENDS10 coupon code at checkout!
My Resume & Cover Letter Bundle (sowl.co/s/Rfqsd)
Check out Mint Mobile if you’re looking to save money on your cell phone bill mintmobile.com/doriandevelops
Join my Discord ( / discord )
Here are some direct affiliate links for the gear that I use in my home office and gear that I use to make my KZbin videos
____KZbin Gear____
Camera Sony FX3 (amzn.to/3AXfFGM)
Sony GMaster II 16-35mm Lens (amzn.to/3onQtpw)
Sony GMaster II 24-70mm Lens (amzn.to/3XeCjFT)
Aputure Light Storm LS 300X (amzn.to/3MErzLC)
Aputure Light Dome II (amzn.to/3wvDQfG)
Rode NTG5 Shotgun mic (amzn.to/3onM7OU)
Shure SM7B Microphone (amzn.to/3Pzrs5R)
Elgato Key Lights (amzn.to/2Y7oxvl)
_____Home Office____
MacBook Pro (amzn.to/3PxYxPh)
Monitor (amzn.to/39FdoHd)
Secretlab Titan - bit.ly/3maIKX6
Keyboard (amzn.to/3MvY4Lz)
Mouse (amzn.to/3yTLO3T)
Beat Studio Buds (amzn.to/3Lu5YUz)
Noise Canceling Headphones (amzn.to/2EOKB4e)
Standing Desk Base (amzn.to/38FJz9x)
Rest of the gear I use that you can buy on my Amazon store: www.amazon.com/shop/doriandev...

[@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! 👌👌👌

[@kyonas6047]

For me i was planning to become a UX designer but i loved front end too so Im probably gonna get a job in one of them or a job where i can do both!

[@kayimagrace216]

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.

[@user-1396]

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

[@Alex.Shalda]

wonderful chat, thanks!

[@JanTusakovsky]

Great work!

[@travis8106]

Glorious development content, hell yeaaaaaahh baby

[@rl6382]

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

[@peaklegacy146]

I had an issue where I had a nav bar fixed to the top of the screen and then I had a hamburger button that would open a drop down menu. The issue I had is for a split second the animation would go over the nav bar items and I couldn't figure how to put it behind. My first thought was z-index but no luck.

[@JOJO-kh9ck]

Hey man.. give some projects which will improve our overall css knowledge

[@rl6382]

@JOJO-kh9ck sorry, I use React now and am focusing more on the backend of development and use MaterialUI/Bootstrap components for my frontend. so I no longer even make CSS grid projects as I'm past that in my journey. I never cared to upload my projects that I did make (SpaceX clone, KZbin Clone (few spinoffs in-between)) to github as I just cared about advancing to the next part of learning after I fully understood the concepts when I got my hands dirty. There is no secret or anything. Just make your own stuff, and the holes will naturally fill. Everything in development is about understanding the abstraction first, then getting a strong grasp on algorithms. Data structures are easy to understand but algorithms can take a bit more pondering as they vary and it's hard to imagine IRL use cases. Sleep good, eat healthy and brute force projects. I will happily post my portfolio website after I am done with my current React projects

[@leopoldomolina1664]

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…

[@jinpachisenpai]

great content

[@mikebeats6478]

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

[@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

[@sonjamir7751]

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?

[@Colstonewall]

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

[@collinsa8909]

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

[@lastspoil5547]

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

[@FR4M3Sharma]

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