Learn Sass & SCSS from scratch, learn how to use Sass to create clean, efficient & reusable designs.
Instructed by: Ashutosh Pawar | Subject: Development, Web Development
Instructed by: Ashutosh Pawar | Subject: Development, Web Development
Description
First we start off by learning the basics of Sass, we will learn what is Sass and how Sass can be used to write efficient code to style the webpages. We will also learn about the Sass preprocessor and also learn about the Sass and the SCSS syntax. We will then install the required tools along with VS code and the Sass preprocessor which is required to compile Sass code into CSS code. We will then move on and learn about nesting to nest our selectors one inside the others using the SCSS syntax. Moving along we will learn about how to use Mixins to reuse code, we will learn the syntax to create and use Mixins. Next we will learn about partials & imports and understand how we can modularise our code by splitting our code into multiple files and then integrating it all together using imports. We will then have a brief overview of the Sass interactive shell and learn how to use it, we will also perform Arithmetic operations using the Sass interactive shell. Moving along we will learn how to create functions in Sass, the syntax for creating & calling functions in Sass. Then we will learn about the use of extends which allows us to inherit properties of one selector to other. We will also learn about the Sass conditional statements if, else which allow us to alter properties based upon a condition. We will learn about Maps, Strings & Lists which are the data structure used to store data in Sass, we will also learn about various in-built Sass string functions which allow us to manipulate strings. We then learn about the placeholder selectors in sass which further enhance the maintainability and efficient of our code. We also learn about interpolation which is an extremely important concept in Sass which is used for variable substitution. To automate the process of creating selectors, we also learn about loops and learn how loops such as the For loop and the while loop can be used to automate creation of CSS selectors. Finally we have a brief overview of foundation, which is a Sass framework to create responsive sites. In this section we will also create a portfolio site using Foundation & Sass.
@https%3A%2F%2Fwww.udemy.com%2Fsass-course%2F%3Futm_medium=linkshare%26couponCode%3DFREEFBOFFER
Course Info
- 37 Lectures
- 3.5 Hours
- Language: English
- Subject: Development, Web Development
- Instructed by: Ashutosh Pawar
- Platform: Udemy