Episode 04 • Basic Frontend Tools

Sass

In this episode I'm going to show you how you can supercharge your CSS development by using CSS extension language called Sass.

Sass is a CSS extension language that shares some similarities with "normal" programming languages in that you can use variables, arrays (which are called maps in Sass), functions, mixins etc. of course since the browsers can't interpret SCSS files you have to compile them down to normal CSS. We have set up our task runner to do just that in the previous episode so be sure to check that out.

In this episode I'm going to go over the basics of Sass and what it can do, this is in no way, shape or form everything the Sass can do, because I would need to create a whole series of videos to cover everything. But I think I covered most used things for Sass that you would find in th wild and they are a good starting point for you to start learnig Sass for yourself.

  • Episode 01 • Duration 28:32

    Command line

  • Episode 02 • Duration 20:53

    NPM (Node Package Manager)

  • Episode 03 • Duration 34:52

    Gulp

  • Episode 04 • Duration 46:16

    Sass

  • Episode 05 • Duration 27:36

    Git

  • Episode 06 • Duration 26:27

    Webpack

  • Episode 07 • Duration 23:01

    SSH, SCP, SFTP and Git FTP

  • Episode 01 • Duration 28:32

    Command line

  • Episode 02 • Duration 20:53

    NPM (Node Package Manager)

  • Episode 03 • Duration 34:52

    Gulp

  • Episode 04 • Duration 46:16

    Sass

  • Episode 05 • Duration 27:36

    Git

  • Episode 06 • Duration 26:27

    Webpack

  • Episode 07 • Duration 23:01

    SSH, SCP, SFTP and Git FTP