SASS - The Complete SASS Course (CSS Preprocessor)

SASS - Learn SASS, the most popular CSS Extension. Build modern and beautiful projects using SASS and lots of CSS

4.40 (2161 reviews)
Udemy
platform
English
language
Web Design
category
instructor
8,757
students
6 hours
content
May 2023
last update
$79.99
regular price

What you will learn

Learn about what SASS is and how to write it

Install SASS Compiler

Learn about basics of SASS: Variables, Nesting, Mixins, Extend, Functions, Placeholder Selectors and much more...

Build and style website using basics of SASS

Learn about Advanced SASS topics: Data Types, Interpolation, Loops, If Directive and more...

Build and design website based on advanced SASS

Practice a lot in CSS

Description

The Brand New SASS Course on Udemy!!!

"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.

INCLUDED:

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.

Throughout the course, you will meet detailed explanations about how SASS works, also, you will introduce to modern practices and solutions.

Get fast and friendly support from instructors 24/7.

JOIN US!!!

Content

Welcome

Introduction
How to Watch Lectures in High Resolution
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
Create Markup of Products Section
Styling of Products Section
Products Section Button
Create Structure of Footer
Styling of Footer - Part 1
Styling of Footer - Part 2
Make Project Responsive

BONUS

Bonus Lecture: Check Out

Screenshots

SASS - The Complete SASS Course (CSS Preprocessor) - Screenshot_01SASS - The Complete SASS Course (CSS Preprocessor) - Screenshot_02SASS - The Complete SASS Course (CSS Preprocessor) - Screenshot_03SASS - The Complete SASS Course (CSS Preprocessor) - Screenshot_04

Reviews

Tamilselvan
October 31, 2023
some cognizant idiots has assigned this course to my goals to complete it which is irrelevant to my job role
Fabio
July 12, 2023
The course helped me understand the accuracy of how to program in CSS with many new things I had never learned in regular CSS. Very nice to program. I give a score of ten to the instructor who explained precisely and clearly about every detail in the elaboration of layout via HTML (rules of use and WEB Responsive).
Stela
July 12, 2023
It is great for beginners. Probably very useful for someone who is new to the idea of preprocessors and CSS. Course is well taught and examples are easy to grasp. But if you are someone who already work with SASS/SCSS and have midlevel frontend skills may be this is not for you. I bought it to learn more about maps, lists and functions but was not as deep dive as I would want it to be.
Ricky
May 29, 2023
Its a great way to get started with sass, one way I guess it could improve is to show how it would work with a framework like react. but excellent course really useful examples and rememberable projects great job :)
Abdallah
May 26, 2023
The course looks good, but the instructor left tons of question in Q&A section without even one reply :(
Guilherme
February 7, 2023
The course was indeed above my expectations. I came to learn SASS, with the purpose of enhancing web development skills. However, not just did I get a lot of content on the preprocessor, but a great amount of tips (especially in the project sections), tricks and CSS syntax I wasn't quite aware of. Everything is carefully detailed and the sections aren't too hard to keep up with. Congrats to Code And Create for the enriching lessons.
Shashwat
January 17, 2023
My node-sass installation process was not as seamless as displayed in the video, please consider scenarios where it may not work like mine.
Loes
January 13, 2023
+ Learn SASS basics, create variables, mixins and functions; + To the point, no time wasted; + End up with some responsive websites. - Instructor could spend more time on explaining functions and decisions; - It would be valuable to add some assignments to test your knowledge of scss/sass throughout the course, to check if information sticks and improve learning outcome. - still uses node-sass and @import (deprecated) instead of @use. - code could be made more semantic.
Jakub
December 15, 2022
I like the way of explaining even simple things. Finally i understand what "npm run watch" stands for! Only issue is with subtitles - theres a lot of errors :/
Soumyajit
November 11, 2022
I literally learnt .scss development and project setup with the help of Node.js through this course. I have also learnt the grid system of modern css.
Metin
November 5, 2022
Definitely the best SASS course on the web. The course not only gives you the proper explanation about SASS but also refreshes your CSS and HTML knowledge with 2 thorough project. Definitely recommended! Thank you for your great job????????
Rafael
October 31, 2022
It was great! A lot of indepth functions of css and scss, maybe some little more explanation on css functions and characteristics would be great! I know you guys have a full course on css but maybe a little more details on the methods used. Pretty useful, thanks!
Dan
August 2, 2022
Another great course from Code And Create! I don't care that some things are a little outdated as mentioned by someone in their review (you can always take a look at SASS website for newer syntax). The projects are amazing.
Fabian
July 26, 2022
Great course on SASS! Very knowledgeable instructors and very nicely presented. Learned a lot and was a an enjoyable course.
Jeroen
July 16, 2022
The course was ok, SCSS is covered in depth, especially with the demo projects. But some code is outdated, like a LOT of div elements instead of there semantic html5 counterpart and the use of @import instead of @use.

Coupons

DateDiscountStatus
1/13/202050% OFF
expired
4/14/202050% OFF
expired

Charts

Price

SASS - The Complete SASS Course (CSS Preprocessor) - Price chart

Rating

SASS - The Complete SASS Course (CSS Preprocessor) - Ratings chart

Enrollment distribution

SASS - The Complete SASS Course (CSS Preprocessor) - Distribution chart
2031086
udemy ID
11/17/2018
course created date
11/21/2019
course indexed date
Bot
course submited by