Fundamentals
You need understanding of CSS to build a modern UI that will accomplish your users wants and needs so we are going to start here.
As an initial primer, take CSS Fundamentals which will expose you to the varying concepts that you will need to dig into to become a UI expert.
Page Layouts with Flexbox and Grid
One of the best skills to learn in the UI space is how to layout a page. You’ll see dev’s joke about the struggles of centering a div. It can be hard. But learning the underlying principles of layouts will have you positioning elements where ever you’d like on the page.
CSS in Modern Apps
How you write your CSS within a modern project can vary greatly. At egghead, we use Tailwind to solve a two big problems for us, naming classes and organizing CSS.
Naming things is hard and Tailwind eliminates this category of problem with utility classes. Utility classes are essentially standardized, pre-defined, composable CSS classes that you have at your disposal to apply the stying you want where you want it (no selectors involved as it goes directly on the element).
Organizing CSS is also hard and Tailwind utilizes component architecture to eliminate this problem. When you couple your CSS with the components you build you don’t need to worry about maintaining extra files as your styles go where your components are.
