The Complete Sass & SCSS Course: From Beginner to Advanced

4.3 (2349)
Learning paid
4 hours course
Course by Udemy
$ 129.99
$ 129.99
What will you learn?
Write professional Sass code and generate CSS code from it.
Realize designs much faster with less frustration.
Use variables to make designs more flexible and avoid repetitive code.
Use mixins to reuse existing solutions and built upon them without re-inventing the wheel
Use functions and operators to calculate flexible dimensions, colors and more.
Import fonts and existing Sass files into new designs to reuse them.
Use Sublime Text 3 confidently to write Sass code swiftly.
About the course

Welcome To The Complete Sass & SCSS Course: From Beginner To Advanced!

⇉ Watch the promo video to see How You Can Begin Learning How To use Sass / SCSS to create more flexible designs in a shorter amount of time!

⇉ This Course is Complete! You receive over 4+ hours of video content & 30+ lectures!

⇉ Join Over 275,000+ Students Who Have Enrolled In My Udemy Courses This Year!

⇉ 7,500+ Five Star Reviews on our courses prove Students Who Enrolling Are Getting Real Results!

Then this course is for you! Click "Take This Course Now" For Instant Life-Time Access!

Updated 2016: Added 1h of brand new content on Sass Frameworks as requested by students:

  • the Susy toolkit to create custom grid systems,
  • the Breakpoint framework to create responsive mobile-first designs more easily,
  • the Compass framework which facilitates many typical design tasks.

  • Power up your website design skills with Sass & SCSS the powerful CSS preprocessor!

    This course is the complete masterclass for Sass & SCSS development. It covers all you need to know about this awesome technology including:

    • How to use Sass / SCSS to create more flexible designs in less time and generate CSS code from them
    • How to use variables to store colors, sizes, fonts and more to avoid repetition and make your designs more flexible and reusable
    • How to perform calculations right inside your Sass & SCSS code to create responsive and flexible layouts
    • How to use mixins and imports to reuse your existing designs and finish new projects in no time
    • How to use inheritance in Sass to avoid duplicating code and the nasty bugs that come with it
    • How you can use Sass to write scaleable CSS code even for big projects

    You will also learn how to use Sublime Text 3, one of the most popular lightweight text editors out there, confidently and write your code with lightning speed.

    During the course, you will create useful code snippets in Sass that you can use in future projects to double your development speed and you will have all the tools you need to create more such snippets to enhance your productivity even further and make clients happy!

    You can test what you learned in several quizzes and by coding along while we create a library of powerful code snippets.

    With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Mastering Sass & SCSS!

    When we learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

    In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message us directly and we will do our best to get back to you as soon as possible!

    What I can't do in this Course..

    I can't guarantee your success – this course does take work on your part. But You Can Do It!

    I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

    This course will not remain this price forever! It's time to take action!

    Click the "take this course" button at the top right now!

    every hour you delay is costing you money

    See you in the course!


    Joe Parys & Peter Sommerhoff

    Introduction - Welcome To The Complete SASS & SCSS Course!
    In this section students will learn about the introduction, how to use this course, and all of the benefits to enrolling in our course!
    Introduction: Welcome To The Complete SASS & SCSS Course!
    Welcome to The Complete Sass & SCSS Course: Beginner To Advanced! In this lecture students will learn about out course, a special welcome, and how to contact us if they have addtional questions throughout our course!
    Introduction Continued: Here is What You Will Learn In Our SASS & SCSS Course!
    In this lecture students will learn a brief overview of what they can expect to learn in our SASS & SCSS course!
    How To Follow Along and Use This Course
    In this lecture students will learn the best ways to follow along and use this course to learn the most about SASS and SCSS
    Sass Overview
    After this section, you'll know what a preprocessor is and the differences between Sass & SCSS.
    What Is a Preprocessor?
    A preprocessor like Sass build on CSS and enhances it with powerful capabilities like variables, nested selectors, and different generation options.Sass & SCSS will make your code more maintainable and flexible so that you can reuse it more easily for other projects. You will also be able to tailor and modify your designs more easily.
    Preprocess what you just learned to create some long-term knowledge.
    Sass or SCSS?
    Sass is the original language with the intent to improve upon plain old CSS. It uses a more clutter-free syntax without curly braces or semi-colons.SCSS was created later in addition to Sass to provide a more CSS-like syntax. This makes it easier to transition from CSS to SCSS.Both are equally powerful and add a lot of neat capabilities on top of CSS which you're gonna learn in this course. It is just a matter of taste which of both you prefer but SCSS has become a near-standard. The course lectures use SCSS.
    Sass vs. SCSS
    Sass or SCSS? Show that you know the difference!
    After this section, you'll have all the tools you need to use Sass and have your first Sass project set up.
    Setting Up Sublime Text 3
    Sublime Text is a very powerful text editor that supports a wide range of languages, including SCSS & Sass and all other languages you need for this course. Learn how to install Sublime Text 3 along with Package Control to easily power up your Sublime Text installation with the various available plugins.Plugins you need for this course: Sass, SCSS, Sass Build, Emmet (optional but highly recommended)
    Installing Sass / SCSS
    Sass is available as a Ruby gem, which means that you need Ruby to install it. This lecture guides you through the installation steps for Ruby and Sass. Afterwards, you're gonna have all the tools you need for this course! Good feeling!
    • We will cover all setup required.
    • You need NO previous knowledge with Sass or Bootstrap.
    • You should know basic HTML & CSS.
    • You need basic computer skills to install and run applications.
    Joe Parys
    Joe Parys
    Bestselling Instructor, 95 Courses, Serving 750,000 Students
    Peter Sommerhoff
    Peter Sommerhoff
    Developer & Software Engineer - With 45,000+ Happy Students
    Joe Parys Support
    Joe Parys Support
    Best-Selling Instructor Proudly Serving 500,000+ Students
    Udemy courses are suited to professional development. The platform is organized in such a way that it is experts themselves that decide the topic and when the course will start. All supporting documents are made available to you for lifetime access. On this platform, you can find a course on about any subject, and that is no exaggeration – from a tutorial on how to ride a motorcycle, to managing the financial markets. The language and the course format are established by the teacher. This is why it is important to read the information about the course carefully before parting with any money.
    Comments (2349)
    Like any other website, konevy uses «cookies». These cookies are used to store information including visitor's preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information. For more general information on cookies, please read the «What Are Cookies» article on Cookie Consent website.