Basics of SASS tutorial for beginners in Hindi | SASS and SCSS | CSS Preprocessor 2020
In this video tutorial you will learn the basics of SASS (CSS preprocessor).
Sass's full name is "Syntactically Awesome Style Sheets" which is an extension of CSS. These emphasize many features that will not be found using basic CSS. Sass makes it easy for developers to simplify and maintain the stylesheet for their projects.
Sass can extend the CSS language as it is a preprocessor. This preprocessor converts the code written in your Sass Syntax to the original CSS. This allows you to create variables, nesting within other CSS rules, importing another sass file. As a result, your code becomes organized and easy to read.
What you will learn:
1. Intro 00:01 - 01:00
2. Difference of SASS and SCSS 01:01 - 1:53
3. Store Data with Sass Variables 01:54 - 03:37
i. Creating first project 03:40 - 04:02
ii. Installing SASS compiler in Visual Studio Code 04:04 - 04:33
iii. Create necessary project files 04:40 - 08:14
iv. Procedure to run live server from Visual Studio Code 08:15 - 08:50
v. Writing to store data with sass variables 09:56 - 11:55
4. Nest CSS with Sass 11:56 - 13:05
5. Create Reusable CSS with Mixins 13:07 - 15:56
6. Use @if and @else to Add Logic To Your Styles 15:59 - 17:57
7. Use @for to Create a Sass Loop 17:58 - 19:53
8. Use @each to Map Over Items in a List 19:56 - 22:48
9. Apply a Style Until a Condition is Met with @while 22:49 - 24:38
10. Split Your Styles into Smaller Chunks with Partials 24:40 - 26:53
11. Extend One Set of CSS Styles to Another Element 26:56 - 28:53
12. Outro 28:56
Guys, please subscribe my channel and press the bell icon and if you think one of my video tutorial helped you, you can share that video to your friends and social network.
Don't forget to follow me on all social network,
Website Link: https://www.techcetblog.com
Instagram Link: / surajit4490
Facebook Link: / surajitbasak109
Twitter Link: / surajitbasak109
Facebook Techcet Blog Page Link: / techcetblog
Watch video Basics of SASS tutorial for beginners in Hindi | SASS and SCSS | CSS Preprocessor 2020 online, duration hours minute second in high quality that is uploaded to the channel Surajit Basak 30 August 2020. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 91 times and liked it 1 visitors.
