Bestseller हिन्दी में

SASS/SCSS Complete Professional Course

Write smarter CSS with SASS/SCSS - The professional way to style modern websites!

4.6

Expert

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 Complete Professional Course

12 Modules

Course Curriculum

12 Modules · 12 Chapters · 34 Topics · 254 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

SCSS Functions

4 Topics

Color Functions

13 Sub-topics

Built-in Functions Overview

Color Functions Introduction

adjust-hue() Function

lighten() and darken()

saturate() and desaturate()

complement() Function

invert() Function

mix() Function

rgba() and rgb()

opacify() and transparentize()

color.scale() Function

color.adjust() Function

color.change() Function

String and Number Functions

10 Sub-topics

String Functions

quote() and unquote()

str-length() and str-index()

to-upper-case() and to-lower-case()

Number Functions

percentage() Function

round(), ceil(), floor()

min() and max()

clamp() Function

random() Function

List and Map Functions

10 Sub-topics

List Functions

nth() and index()

length() Function

append() and join()

Map Functions

map-get() and map-has-key()

map-keys() and map-values()

map-merge() Function

map-remove() Function

Selector Functions

Custom Functions

5 Sub-topics

Custom Function Definition

@function Rule

@return Statement

Function Arguments

Practical Custom Functions

SCSS Control Directives

2 Topics

Conditional Statements

7 Sub-topics

@if Directive

@if with Comparison Operators

@else Directive

@else if Directive

Nested Conditionals

@if with Mixins

Truthiness in Sass

Loops

13 Sub-topics

@each Directive

@each with Lists

@each with Maps

@each with Destructuring

Nested @each Loops

@for Directive

@for through vs to

@for for Grid Generation

@for for Utility Classes

@while Directive

@while Use Cases

Avoiding Infinite Loops

Combining Control Directives

SCSS Extend and Inheritance

3 Topics

Extend Basics

5 Sub-topics

@extend Directive Introduction

Basic @extend Syntax

How @extend Works

Extending Selectors

Extending Complex Selectors

Placeholder Selectors

6 Sub-topics

Placeholder Selectors (%)

Using Placeholders

Placeholder Benefits

Extend vs Mixin Comparison

When to Use Extend

When to Use Mixins

Extend Best Practices

6 Sub-topics

Extend Chains

!optional Flag

Extend Limitations

Extend in Media Queries

Extend Best Practices

Common Extend Patterns

SCSS Built-in Modules

4 Topics

Math Module

6 Sub-topics

Built-in Modules Overview

sass:math Module

Math Variables ($pi, $e)

Math Calculation Functions

Math Trigonometric Functions

Math Rounding Functions

String and Color Modules

6 Sub-topics

sass:string Module

String Manipulation Functions

String Search Functions

sass:color Module

Color Channel Functions

Color Manipulation Functions

List and Map Modules

7 Sub-topics

sass:list Module

List Access Functions

List Modification Functions

sass:map Module

Map Access Functions

Map Modification Functions

Deep Map Functions

Selector and Meta Modules

6 Sub-topics

sass:selector Module

Selector Manipulation

sass:meta Module

Introspection Functions

Module Loading Functions

Using Multiple Modules

SCSS Advanced Patterns

3 Topics

Configuration Patterns

6 Sub-topics

Configuration Maps Pattern

Theme Configuration

Breakpoint Management

z-index Management

Typography Scale System

Spacing Scale System

Utility Generation

5 Sub-topics

Responsive Utility Generator

Color System Architecture

Dark Mode Implementation

Component Variants Pattern

State Modifier Pattern

Architecture Patterns

7 Sub-topics

BEM with Sass

OOCSS with Sass

Atomic Classes with Sass

Critical CSS Extraction

CSS-in-Sass Pattern

Sass Interpolation Tricks

Performance Optimization

SCSS Migration and Tooling

4 Topics

Migration

4 Sub-topics

Migrating CSS to SCSS

Migrating LESS to SCSS

Migrating @import to @use

Sass Migrator Tool

Linting and Formatting

5 Sub-topics

Sass Lint Setup

Stylelint for Sass

Custom Lint Rules

Prettier for SCSS

EditorConfig Setup

Build Integration

7 Sub-topics

PostCSS with Sass

Autoprefixer Integration

PurgeCSS Integration

CSS Nano for Minification

Sass in CSS Frameworks

Customizing Bootstrap Sass

Customizing Tailwind with Sass

Documentation

3 Sub-topics

Sass Documentation Tools

SassDoc Setup

Generating Style Guides

SCSS Production Best Practices

3 Topics

Code Standards

4 Sub-topics

Code Organization Review

Naming Convention Standards

Documentation Standards

Code Review Checklist

Performance

8 Sub-topics

Performance Benchmarking

Compilation Optimization

Output CSS Optimization

Bundle Size Management

Critical Path CSS

Lazy Loading Styles

CSS Code Splitting

Caching Strategies

Deployment

8 Sub-topics

Version Control for Sass

CI/CD Integration

Automated Testing

Visual Regression Testing

Accessibility Auditing

Production Deployment

Monitoring and Maintenance

Future of Sass and CSS

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

₹5,999 ₹8,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 Complete Professional Course

Certificate of Completion

Course Curriculum

Student Reviews

Frequently Asked Questions

Start Your Journey Today

SASS/SCSS Complete Professional Course

Certificate of Completion

Course Curriculum

Student Reviews

Frequently Asked Questions

Related Courses

HTML Course for Intermediates

JavaScript DOM Performance Optimization

HTML Navigation and Linking

Start Your Journey Today