SASS - The Complete SASS Course (CSS Preprocessor) Online Course

SASS - The Complete SASS Course (CSS Preprocessor)

The Brand New SASS Course on Eduonix!!! "SASS - The Complete SASS Course (CSS Preprocessor)" If you want to learn about the most popular CSS Extension and build modern, beautiful and real world...

All levels
English

Course Description

The Brand New SASS Course on Eduonix!!! "SASS - The Complete SASS Course (CSS Preprocessor)" If you want to learn about the most popular CSS Extension and build modern, beautiful and real world websites, then this is the right course for you. The course covers all you need to know about this awesome technology.

See more less

What you’ll learn

1. You will start from SASS basic topics, such as how to install SASS compiler, how to create variables and mixins in order to write more concise and flexible code. Also, we will cover topics like: extend, placeholder selectors, functions, imports, partials and much more...
2. You will build modern and beautiful website - Restaurant "Georgia". Project will be created based on basics of SASS. You will learn about how to structure your code using SASS and you will be able to put all the learned stuff together and build the website.
3. Next we will cover some advanced stuff in SASS. You will be able to learn about SASS data types, Interpolation, loops, IF Directive and much more.
4. After completing the advanced SASS section, we will build our next project - "Clothes Store" based on advanced SASS stuff.
5. You will be able to make websites responsive for all screen sizes using some SASS techniques.

Covering Topics

Section 1 : Welcome

Section 2 : SASS Introduction

Section 3 : Project 1 - Restaurant "Georgia"

Section 4 : Advanced SASS

Section 5 : Project 2 - Clothes Store

Curriculum

  Section 1 : Welcome
1
Introduction Preview
2
What is SASS?

  Section 2 : SASS Introduction
3
Setup Preview
4
Install SASS Compiler
5
SASS Variables
6
Nesting in SASS
7
Mixins Preview
8
Extend
9
Functions
10
Placeholder Selectors
11
Import and Partials

  Section 3 : Project 1 - Restaurant "Georgia"
12
Project Preview Preview
13
Create Structure of Header
14
Style Header - Part 1
15
Style Header - Part 2
16
Create Structure of About Us Section
17
Style About Us Section
18
Build Structure of Gallery
19
Style Gallery
20
Create Structure of Footer
21
Style Footer
22
Build Structure of Navbar
23
Style Navbar
24
Hamburger Menu
25
Make Project Responsive - Part 1
26
Make Project Responsive - Part 2
27
Make Project Responsive - Part 3

  Section 4 : Advanced SASS
28
SASS Data Types - Part 1
29
SASS Data Types - Part 2
30
SASS Interpolation
31
For Loop
32
Each Loop
33
If Directive

  Section 5 : Project 2 - Clothes Store
34
Project Preview
35
Create Structure of Header
36
Layout of Container
37
Style Header - Part 1
38
Style Header - Part 2
39
Dropdown Menu
40
Create Markup of Slideshow
41
Make Slideshow Working - Part 1
42
Make Slideshow Working - Part 2
43
Build Structure of Products Section
44
Styling of Products Section
45
Products Section Button
46
Create Structure of Footer
47
Style Footer - Part 1
48
Style Footer - Part 2
49
Make Project Responsive

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.