• 15 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 4/2/20

Log in or subscribe for free to enjoy all this course has to offer!

Course introduction

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!

Portfolio website
Portfolio website

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!

Turn it into a career!


Turn your Development knowledge into applicable professional skills. Follow our online degree program and land a job in your new career!

see all paths

Table of contents


Example of certificate of achievement
Example of certificate of achievement