हिन्दी में

SASS/SCSS Fundamentals

Master SASS/SCSS fundamentals - Build modern websites like top tech companies!

4.4

Beginner

Certificate of Completion

Complete this course and earn a verified certificate to showcase your achievement.

Verified & ShareableShare on LinkedIn, resume, or portfolio

QR Code VerificationEmployers can instantly verify online

Unique Certificate IDTamper-proof with unique serial number

Industry RecognisedAccepted by 500+ companies across India

This is to certify that

Your Name Here

has successfully completed

SASS/SCSS Fundamentals

5 Modules

Course Curriculum

5 Modules · 5 Chapters · 11 Topics · 97 Sub-topics

SASS/SCSS Introduction and Setup

2 Topics

Sass Fundamentals

9 Sub-topics

What is Sass

Sass vs SCSS Syntax

Why Choose Sass/SCSS

Sass vs LESS Comparison

Installing Dart Sass

Installing via npm

Sass Command Line Interface

Compiling Sass to CSS

Watch Mode

Sass Configuration

11 Sub-topics

Compressed Output Style

Expanded Output Style

Source Maps Configuration

VS Code Sass Extensions

Live Sass Compiler Setup

Webpack Sass Loader

Vite Sass Integration

Gulp Sass Setup

Parcel Sass Support

File Structure Planning

Your First SCSS File

SCSS Variables and Data Types

2 Topics

Variable Basics

6 Sub-topics

Variable Declaration Syntax

Variable Naming Rules

Using Variables

Variable Scope

!global Flag

!default Flag

Data Types

14 Sub-topics

Numbers in Sass

Number Units

Strings in Sass

Quoted vs Unquoted Strings

String Interpolation

Colors in Sass

Color Manipulation

Lists in Sass

List Functions

Maps in Sass

Map Functions

Booleans and Null

Type Checking Functions

Variable Best Practices

SCSS Nesting and Parent Selector

2 Topics

Nesting Basics

10 Sub-topics

Basic Nesting Syntax

Nesting Selectors

Parent Selector (&) Basics

Suffix with Parent Selector

Prefix with Parent Selector

Compound Selectors with &

Multiple & References

& with Pseudo-Classes

& with Pseudo-Elements

& with Attribute Selectors

Advanced Nesting

7 Sub-topics

Nested Properties

@at-root Rule

@at-root with Selectors

@at-root with Queries

Nesting Media Queries

Nesting Depth Best Practices

BEM with Nesting

SCSS Partials and Imports

2 Topics

Import System

9 Sub-topics

What are Partials

Partial Naming Convention

@import Rule (Deprecated)

@use Rule Introduction

@use Syntax

Namespace with @use

Renaming Namespaces

@use without Namespace

Configuring Module Variables

Forward and Organization

11 Sub-topics

@forward Rule Introduction

@forward Syntax

Controlling Visibility with @forward

Adding Prefixes with @forward

Configuring through @forward

Index Files

Load Paths

Built-in Modules

7-1 Architecture Pattern

File Structure Implementation

Main Entry Point

SCSS Mixins

3 Topics

Mixin Basics

7 Sub-topics

Mixin Definition Syntax

Including Mixins

Mixins with Arguments

Default Argument Values

Keyword Arguments

Arbitrary Arguments

Passing Arbitrary Arguments

Content Blocks

3 Sub-topics

@content Directive

Content Blocks

Passing Arguments to Content

Practical Mixins

10 Sub-topics

Mixins for Media Queries

Mixins for Vendor Prefixes

Mixins for Typography

Mixins for Flexbox

Mixins for Grid

Mixins for Animations

Mixins for Buttons

Mixin vs Placeholder

Mixin Best Practices

Building a Mixin Library

0.0

Course Rating

No reviews yet. Be the first to review this course!

Frequently Asked Questions

No FAQs for this course yet.

Preview this course

₹1,999 ₹2,999 33% OFF

Lifetime access to all materials

Certificate of completion

Available in multiple languages

Access on mobile & desktop

7-Day Money-Back Guarantee Not satisfied? Get a full refund within 7 days, no questions asked. Zero risk.

SASS/SCSS Fundamentals

Certificate of Completion

Course Curriculum

Student Reviews

Frequently Asked Questions

Start Your Journey Today

SASS/SCSS Fundamentals

Certificate of Completion

Course Curriculum

Student Reviews

Frequently Asked Questions

Related Courses

JavaScript DOM Performance Optimization

HTML Course for Intermediates

JavaScript Cookies and IndexedDB

Start Your Journey Today