Introduction to Scss


Not CompletedThe Who, What, When, Where, Why, and How of Scss

Welcome to the first lesson in this getting DRY with SCSS course. In this guide what we're going to discuss are the who, what, when, where, why and how and of what SCSS is.

Not CompletedScss Preprocessor Demo: How the Scss Magic Happens

Now that you have a little bit of an overview on what SCSS is, we're going to walk through the process. We're going to see exactly what it does and how it's able to build out all of the different features that we have talked about.

Not CompletedDifferences Between Sass and Scss

So far we have been through a full overview of SCSS, walked through the preprocessors step so you can see what code was written and then we looked at how it got translated into something the browser could understand.

Not CompletedHow to Configure Codepen to Process Scss Files

We are now going to walk through how we can start working with SCSS. If you're just writing pure CSS you don't need a tool like this because there is no preprocessor component. Since we are using SCSS we need to be able to convert all of our SCSS styles into something the browser can actually understand.

Quizzes


Introduction to Scss
    Unsupported Browser

    devCamp does not support ancient browsers.
    Install a modern version for best experience.