SASS - The Complete SASS Course (CSS Preprocessor)
- Offered byEduonix
SASS - The Complete SASS Course (CSS Preprocessor) at Eduonix Overview
Duration | 6 hours |
Total fee | ₹199 |
Mode of learning | Online |
Schedule type | Self paced |
Credential | Certificate |
SASS - The Complete SASS Course (CSS Preprocessor) at Eduonix Highlights
- Comes up with 30 day money back guarantee
SASS - The Complete SASS Course (CSS Preprocessor) at Eduonix Course details
- The course covers all you need to know about this awesome technology
- 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..
- 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
- You will be able to learn about SASS data types, Interpolation, loops, IF Directive and much more
SASS - The Complete SASS Course (CSS Preprocessor) at Eduonix Curriculum
Welcome
Introduction
What is SASS?
SASS Introduction
Setup
Install SASS Compiler
SASS Variables
Nesting in SASS
Mixins
Extend
Functions
Placeholder Selectors
Import and Partials
Project 1 - Restaurant "Georgia"
Project Preview
Create Structure of Header
Style Header - Part 1
Style Header - Part 2
Create Structure of About Us Section
Style About Us Section
Build Structure of Gallery
Style Gallery
Create Structure of Footer
Style Footer
Build Structure of Navbar
Style Navbar
Hamburger Menu
Make Project Responsive - Part 1
Make Project Responsive - Part 2
Make Project Responsive - Part 3
Advanced SASS
SASS Data Types - Part 1
SASS Data Types - Part 2
SASS Interpolation
For Loop
Each Loop
If Directive
Project 2: Clothes Store
Project Preview
Create Structure of Header
Layout of Container
Style Header - Part 1
Style Header - Part 2
Dropdown Menu
Create Markup of Slideshow
Make Slideshow Working - Part 1
Make Slideshow Working - Part 2
Build Structure of Products Section
Styling of Products Section
Products Section Button
Create Structure of Footer
Style Footer - Part 1
Style Footer - Part 2
Make Project Responsive