SASS Tutorial For Beginners | Learn SASS in 25 Minutes | What is SASS? | Basics of SASS |Simplilearn
5.3 هزار بار بازدید -
پارسال
-
🔥Full Stack Java Developer:
🔥Full Stack Java Developer: https://www.simplilearn.com/java-full...
🔥 Caltech Coding Bootcamp (US Only) https://www.simplilearn.com/coding-bo...
In this video on SASS Tutorial For Beginners,we will learn Sass in 25 minutes. We will cover topics like what Sass is, Its features, and the Basics of Sass. We will see Sass features like the variable in Sass, nesting in Sass, mixins in Sass, and functions in Sass. We will also learn how these features work and look at an extension called Live Sass Compiler, which will use autoprefixer to translate our sass code into standard CSS.
00:00 - SASS Tutorial For Beginners
01:01 - What is Sass?
03:23 - Sass Installation
08:22 - Features of Sass
08:57 - Variables in Sass
10:39 - Nesting in Sass
12:08 - Mixins in Sass
15:41 - Functions in Sass
Features of SaSS
-Variables:
SASS allows you to define variables that can be used throughout your stylesheet. This can be helpful for defining colors, font sizes, and other common properties that you may want to reuse. To define a variable, you use the $ symbol followed by the variable name and its value.
-Nesting:
SASS allows you to nest selectors within one another, which can make your stylesheet more organized and easier to read. To nest a selector, simply include it inside another selector.
-Mixins:
Mixins are reusable blocks of code that can be included in multiple styles. They are similar to functions in programming languages. To create a mixin, you use the @mixin directive followed by the name of the mixin and its properties.
-Functions:
Functions are similar to mixins, but they return a value that can be used in a style. To create a function, you use the @function directive followed by the name of the function and its properties.
🔥 Explore Our Free Courses With Completion Certificate by SkillUp: https://www.simplilearn.com/skillup-f...
➡️ About Post Graduate Program In Full Stack Web Development
This program will give you the foundation for building full-stack web apps using the Java programming language. You'll begin with the basics of JavaScript, and then venture into some of the more advanced concepts like Angular, Spring Boot, Hibernate, JSPs, and MVC. Now is the perfect time to get started on your career as a full-stack web developer!
✅ Key Features
- Caltech CTME Post Graduate Certificate
- Enrolment in Simplilearn’s JobAssist
- Receive up to 25 CEUs from Caltech CTME
- Simplilearn's JobAssist helps you get noticed by top hiring companies
- Attend Masterclasses from Caltech CTME instructors
- Live virtual classes led by industry experts, hands-on projects and integrated labs
- Online Convocation by Caltech CTME Program Director
- 20 lesson-end and 5 phase-end projects
- Capstone Project in 4 domains
- Caltech CTME Circle Membership
- Build your own portfolio on GitHub
✅ Skills Covered
- Agile
- JAVA
- Hibernate and JPA
- Spring Core 50
- DevOps
- HTML5 and CSS3
- AWS
- JavaScript ES6
- Servlets
- SOAP and REST
- JSP
👉 Learn More At: https://www.simplilearn.com/pgp-full-...
🔥 Caltech Coding Bootcamp (US Only) https://www.simplilearn.com/coding-bo...
🔥🔥 Interested in Attending Live Classes? Call Us: IN - 18002127688 / US - +18445327688
🔥 Caltech Coding Bootcamp (US Only) https://www.simplilearn.com/coding-bo...
In this video on SASS Tutorial For Beginners,we will learn Sass in 25 minutes. We will cover topics like what Sass is, Its features, and the Basics of Sass. We will see Sass features like the variable in Sass, nesting in Sass, mixins in Sass, and functions in Sass. We will also learn how these features work and look at an extension called Live Sass Compiler, which will use autoprefixer to translate our sass code into standard CSS.
00:00 - SASS Tutorial For Beginners
01:01 - What is Sass?
03:23 - Sass Installation
08:22 - Features of Sass
08:57 - Variables in Sass
10:39 - Nesting in Sass
12:08 - Mixins in Sass
15:41 - Functions in Sass
Features of SaSS
-Variables:
SASS allows you to define variables that can be used throughout your stylesheet. This can be helpful for defining colors, font sizes, and other common properties that you may want to reuse. To define a variable, you use the $ symbol followed by the variable name and its value.
-Nesting:
SASS allows you to nest selectors within one another, which can make your stylesheet more organized and easier to read. To nest a selector, simply include it inside another selector.
-Mixins:
Mixins are reusable blocks of code that can be included in multiple styles. They are similar to functions in programming languages. To create a mixin, you use the @mixin directive followed by the name of the mixin and its properties.
-Functions:
Functions are similar to mixins, but they return a value that can be used in a style. To create a function, you use the @function directive followed by the name of the function and its properties.
🔥 Explore Our Free Courses With Completion Certificate by SkillUp: https://www.simplilearn.com/skillup-f...
➡️ About Post Graduate Program In Full Stack Web Development
This program will give you the foundation for building full-stack web apps using the Java programming language. You'll begin with the basics of JavaScript, and then venture into some of the more advanced concepts like Angular, Spring Boot, Hibernate, JSPs, and MVC. Now is the perfect time to get started on your career as a full-stack web developer!
✅ Key Features
- Caltech CTME Post Graduate Certificate
- Enrolment in Simplilearn’s JobAssist
- Receive up to 25 CEUs from Caltech CTME
- Simplilearn's JobAssist helps you get noticed by top hiring companies
- Attend Masterclasses from Caltech CTME instructors
- Live virtual classes led by industry experts, hands-on projects and integrated labs
- Online Convocation by Caltech CTME Program Director
- 20 lesson-end and 5 phase-end projects
- Capstone Project in 4 domains
- Caltech CTME Circle Membership
- Build your own portfolio on GitHub
✅ Skills Covered
- Agile
- JAVA
- Hibernate and JPA
- Spring Core 50
- DevOps
- HTML5 and CSS3
- AWS
- JavaScript ES6
- Servlets
- SOAP and REST
- JSP
👉 Learn More At: https://www.simplilearn.com/pgp-full-...
🔥 Caltech Coding Bootcamp (US Only) https://www.simplilearn.com/coding-bo...
🔥🔥 Interested in Attending Live Classes? Call Us: IN - 18002127688 / US - +18445327688
پارسال
در تاریخ 1401/12/27 منتشر شده
است.
5,374
بـار بازدید شده