The Must-See Sass Tutorial for Any Front-End Whiz

Most professionals will tell you the combination of HTML, CSS, and JavaScript is the base of web development. Combining the powers of these three technologies, you can create the layout and the design of a website, as well as add dynamicity and function.

CSS (Cascading Style Sheets) is the one that determines the way a user sees your web page is a browser. However, it’s been around for over two decades now, and the basic syntax hasn’t received any significant updates, and some front-end developers call it repetitive, hard to maintain, and even primitive. To deal with this issue, you can use a CSS preprocessor with certain syntax advancements.

To help you get familiar with the one that’s loved and used the most around the world, a professional web developer Dave Moran has prepared a comprehensive Sass tutorial. Lean back and dive in!

Why choose a Sass tutorial instead of Less or Stylus?

While it’s true there are multiple different CSS preprocessors, Sass came first in 2006 and stayed the most popular: according to statistics, over half of the front-end developers that use preprocessors choose Sass. This is why a Sass tutorial is a much better choice when looking at ways to simplify your CSS work: knowing a tool that’s used more widely is usually a better strategy when building an impressive resume for your future career.

Another reason to learn Sass is that it’s used in Bootstrap 4, which is currently the most popular front-end framework in the world. According to BuiltWith, there are now around 18 million websites built using Bootstrap! Having worked with both Sass and Bootstrap during my career in web development, Dave will make sure to share all the best tips and tricks he has learned firsthand.

What’s the deal with Sass and SCSS?

A lot of beginners believe they should learn Sass and SCSS separately. However, this is not the case: those are actually two types of syntax of the same preprocessor. As the team of Sass (Syntactically Awesome Style Sheets) introduced the first type of syntax, some worried it might be way too different from the original CSS syntax. Thus, SCSS (Sassy CSS) was introduced.

Both of the syntax versions are valid, and there are no plans to deprecate any of them in the future. To understand how to use SCSS, you won’t be needing any separate SCSS tutorial: Dave will make sure to explain the differences and usage of both syntaxes in this Sass tutorial.

Less than four hours away from a certificate!

Created by a professional web developer, this SCSS and Sass tutorial consists of over forty short but comprehensive video lectures. Following them, you will get to know all the most important concepts in Sass and SCSS, including but not limited to nesting, segmentation, mixins, and placeholders.

Upon reviewing the material and putting the newly gained knowledge to practice, you will be able to supercharge your CSS code with the most popular preprocessor in the world!