CSS provides the tools to make beautiful, identifiable, and responsive pages. It is also notoriously unruly, with not a lot of inherent structure. With all of the color, layout, and typographic options, a .css file can get messy pretty quickly. This might be okay for small projects, but if you want to be a professional developer, you'll face the following issues:
How do I write clean, well structured CSS?
How do I make sure my code is maintainable and modular?
How can I code faster and more efficiently?
This course will show you how to do all that and more; by the end, you'll even have a solid portfolio project to show off and personalize!
We'll start with how to integrate structure into your code by learning about specificity, implementing the BEM structure and using CSS precompilers. Next, we'll dive into the nitty-gritty of writing .scss
with Sass. Once you've got those basics down, we'll take your development to the next level by working with some powerful Sass functionalities like variables, functions, conditions, mixins, and extensions. But that's not all! In part four, we'll get you ready to be a development ninja by showing you how to include advanced techniques like loops and maps, as well as making your website responsive and universally browser-friendly.
Ready to jump in and get coding? Join me in chapter one!