Sass for CSS: Advanced Frontend Development

Sass for CSS: Advanced Frontend Development

Sass for CSS: Advanced Frontend Development
Sass for CSS: Advanced Frontend Development

Sass for CSS: Advanced Frontend Development

SASS (Syntactically Awesome Style Sheets) is a scripting language known as a CSS preprocessor. CSS preprocessors are compiled into CSS and by doing so, extend the default capabilities of CSS.

Sass makes authoring stylesheets faster, easier, and more flexible. It’s a welcome helper in the world of web design, because anyone that’s created a website knows that CSS is hard.

In this course, you will learn how to use nesting, variables, mixins, partials, functions and more to write dynamic and reusable styles of code. 


You’ll also learn the various methods to structure your projects and bring organization to your stylesheets.

By the end of this course, you’ll have advanced knowledge of SASS. You’ll be able to migrate an existing CSS codebase, as well as set up an entire project (and build process) from scratch.

Contents

1. Starting with SASS

  • Who is this course for?
  • An Introduction to CSS pre-processing
  • What is SASS?
2. SASS Features
  • Variables
  • Nesting
  • Mixins
  • Functions
  • Partials and Importing
  • Inheritance and Extends
  • The '&' Operator
  • Control Directives
  • Interpolation
  • Placeholders
  • Summing up
3. Structuring your SASS Projects
  • How should we structure our Sass projects?
  • Basic structure
  • The 7–1 Pattern
4. Setting up a SASS Build Process
  • Creating a Build Process
  • Compilation
  • Concatenation
  • Prefixing
  • Compressing
  • The Build!
5. Bonus: Setting up Media Queries with SASS Mixins
  • How to setup Media Queries with SASS Mixins
6. Appendix
  • How to Install and Configure SASS Locally
https://www.educative.io/courses/sass-for-css?aff=xDzJ

Share This :
Santosh Kumar

We are sharing the knowledge for free of charge and help especially third world countries who can create a simple blog and start making money from own blog. so we have launched this site. Facebook | Twitter | Pinterest | LinkedIn