In this course I will be teaching you the complete Sass scripting language. I’ll be taking you all the way from variables right up to writing your own Sass functions. I know it has been preached before in relation to building a course from basic to advanced, but with 39 videos you will surely become a Sass expert in no time! If you really put your mind to it you should be able to finish my course within a weekend, and that includes building your own Sass based projects! The course is structured in a linear fashion that takes you from beginner to advanced methods, so if you feel that you know a little HTML/CSS, feel free to skip a few videos and dig right into the nitty gritty parts of the course!
I’ve covered how to install Sass on both a Mac and a Windows machine and everything within the videos that I have produced should work on both systems. If you do get stuck, I’m only a message away to help. The entire reason we are using Sass is to build reusable and DRY (do not repeat yourself code) code. My primary aim throughout this course is to help you understand how to do this.
If you have any experience from any programming language then you should be able to breeze through this course and learn Sass very quickly. If you’re new to this type of syntax and/or programming, don’t be put off. As I’ve mentioned, I’m only a message away from helping you on your journey (we have all been there!).
You may be asking, why should I take this course? Well…I have the entire curriculum covered and I’m always happy to help any of my students, so feel free to get in touch if anything needs clearing up. I really hope you enjoy this course and learn lots along the way!
In this video I will be giving an overview of the curriculum of the course.
What is a preprocessor and why should we use one, more importantly why are companies adopting them rapidly? In this video we will find out why they're so popular and powerful!
What's the difference between Sass and SCSS? Aren't they the same you ask? Isn't one just a scripting language and the other is a standard? Well..let's find out.
In this video I'll be showing you how to install Sass on a Mac.
In this video I'll be showing you how to install Sass on a Windows machine.
The structure of your Sass project is incredibly important. As your project grows you have to be able to scale intuitively and it's always better to presume these things will happen rather than fix them later.
Comments are incredibly powerful and useful to ourselves and other programmers, therefore in this video I'll be showing you how to use comments within Sass.
Variables are a staple of any language. They might be basic but they're used everywhere. Let's learn more about variables within Sass.
To understand Sass or any language we must understand datatypes. In this video I'll be showing you the difference between all of the Sass datatypes.
SASS allows for mathematical operations such as addition, subtraction, multiplication and division. Having the power to use these techniques is incredibly powerful.
Sometimes we want to check the equality of a value within Sass, in this video I will show you how.
There will come a time where we will want to compare values, in this video I will show you how and explain why this is useful.
Logical operators allow us to test multiple conditions within a conditional expression.
String operations are very powerful when we start getting into more complicated Sass code.
Color operations within Sass are massively important. They're used a lot throughout SCSS and it's imperative you get to grips with them.
We've seen the & (ampersand) code throughout some of the previous examples. In this video I'll explain the full usage of the ampersand symbol.
Interpolation allows us to access variables within a string, let's take a look at some examples.
Partials allows us to split up our code into modular sectors, let's take a look at how we can use partials to improve our code.
Imports help us split up our code into modular sectors, lets take a look at how we can do this.
A mixin allows us to create reusable chunks of CSS. Being able to do this helps us to avoid writing repetitive code.
Lets make our mixins more useful by adding arguments to them.
Lets take a look at how inheritance works within Sass.
The placeholder selector in Sass is very useful when dealing with parent and child elements.
Lets take a look at the difference between extend and mixins.
Nesting is one of the most useful features within Sass, in this video I'll show you the rules of nesting.
Nested properties are really cool and make creating Sass code much more fun!
Lets take a look at how lists work within Sass.
Now we have looked at lists, lets see how we can access data within lists.
Lets take a look at how maps work within Sass.
Lets take a look at how the @at-root works within Sass.
What are functions and why are they useful to us as Sass developers? Well, lets find out in this video!
Lets take a look at some of the useful functions that Sass has to offer!
Lets take a look at how we can create our own functions and make even more reusable code!
Now we know what functions are, and now that we have built our own functions, lets go ahead and use them!
Lets take a look at using @if, @else if and @else.
Lets take a look at using @for loops within Sass.
Lets take a look at using @each loop within Sass.
Lets take a look at using the @while loop within Sass.
Full stack web developer/designer. Had a few stints working at different web development agencies (and even doing a startup) before moving to London to work at Goldman Sachs. I currently run the YouTube channel: Cognitive Surge - which has over 300 programming videos!
Workflow/Tools/UI Skills: REST, Grunt, Gulp, Bootstrap, Foundation, HTML/CSS, Gradle, Git, IntelliJ, Eclipse.