The Complete Sass & SCSS Course: From Beginner to Advanced

Course

Online

£ 10 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

No more cluttered CSS! Realize clean designs lightning-fast and without frustration using Sass & SCSS.This course is the complete masterclass for Sass & SCSS development. 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! This course will not remain this price forever! It's time to take action!About the AuthorPeter Sommerhoff - Developer & Software Engineer - With 20,000+ Happy Students Hi, it's Peter, glad you made it here! If you're anything like me, you want to always keep learning, master new skills, and ultimately achieve your life goals -- whether that's a well-paying career, traveling the world, working from the comfort of your home, or sharing your expertise with and helping other people.Does that sound like you? Then make sure to enroll in one my courses and learn about awesome programming languages, software design, productivity, or anything else you're interested in!I feel honored for every student I have and will make sure you have a great learning experience. You can always ask me personally if you get stuck or have anything at all I can help you with.So please check out my courses below and I'll see you there!

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Install
  • Options
  • Javascript training
  • HTML
  • Javascript
  • Ajax
  • Installation
  • Animation
  • Project
  • Programming

Course programme

Introduction - Welcome To The Complete SASS & SCSS Course! 1 lecture 03:35 Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. Introduction - Welcome To The Complete SASS & SCSS Course! 1 lecture 03:35 Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. Introduction: Welcome To The Complete SASS & SCSS Course! The author welcomes you to the course and learn more about it. The author welcomes you to the course and learn more about it. The author welcomes you to the course and learn more about it. Sass Overview 2 lectures 08:53 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 or SCSS? Learn the difference between Sass and SCSS. Sass Overview 2 lectures 08:53 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 or SCSS? Learn the difference between Sass and 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. 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. 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. 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. A preprocessor like Sass build on CSS and enhances it with powerful capabilities like variables, nested selectors, and different generation options. A preprocessor like Sass build on CSS and enhances it with powerful capabilities like variables, nested selectors, and different generation options. Sass or SCSS? Learn the difference between Sass and SCSS. Sass or SCSS? Learn the difference between Sass and SCSS. Sass or SCSS? Learn the difference between Sass and SCSS. Sass or SCSS? Learn the difference between Sass and SCSS. Learn the difference between Sass and SCSS. Learn the difference between Sass and SCSS. Setup 4 lectures 23:05 Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Setup 4 lectures 23:05 Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Setting Up Sublime Text 3 Learn how to install Sublime Text 3 along with Package Control. Learn how to install Sublime Text 3 along with Package Control. Learn how to install Sublime Text 3 along with Package Control. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. Installing Sass / SCSS Learn the installation steps for Ruby and Sass. Learn the installation steps for Ruby and Sass. Learn the installation steps for Ruby and Sass. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. A Quick Test Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. Learn how to create your first Sass file, use of Emmet plugin, and generate CSS code. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Setting Up The Project Structure Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Learn to set up a simple static HTML site project and configuration of Sass Build plugin. Also, installation of SublimeBuildOnSave plugin. Variables 2 lectures 12:41 Variables in Sass Learn to store different kinds of CSS values into variables. Using Variables Correctly Explains the proper use of variables. Variables 2 lectures 12:41 Variables in Sass Learn to store different kinds of CSS values into variables. Using Variables Correctly Explains the proper use of variables. Variables in Sass Learn to store different kinds of CSS values into variables. Variables in Sass Learn to store different kinds of CSS values into variables. Variables in Sass Learn to store different kinds of CSS values into variables. Variables in Sass Learn to store different kinds of CSS values into variables. Learn to store different kinds of CSS values into variables. Learn to store different kinds of CSS values into variables. Using Variables Correctly Explains the proper use of variables. Using Variables Correctly Explains the proper use of variables. Using Variables Correctly Explains the proper use of variables. Using Variables Correctly Explains the proper use of variables. Explains the proper use of variables. Explains the proper use of variables. Partials 1 lecture 06:52 Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials 1 lecture 06:52 Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials allow you to define SCSS / Sass files that are not translated to CSS code. Partials allow you to define SCSS / Sass files that are not translated to CSS code. Mixins 3 lectures 24:29 Mixins in Sass Learn basic of Mixins and its different uses. Mixins with Arguments Learn how to pass arguments in mixins for different values. Passing Content into Mixins Learn how to pass content into mixins. Mixins 3 lectures 24:29 Mixins in Sass Learn basic of Mixins and its different uses. Mixins with Arguments Learn how to pass arguments in mixins for different values. Passing Content into Mixins Learn how to pass content into mixins. Mixins in Sass Learn basic of Mixins and its different uses. Mixins in Sass Learn basic of Mixins and its different uses. Mixins in Sass Learn basic of Mixins and its different uses. Mixins in Sass Learn basic of Mixins and its different uses. Learn basic of Mixins and its different uses. Learn basic of Mixins and its different uses. Mixins with Arguments Learn how to pass arguments in mixins for different values. Mixins with Arguments Learn how to pass arguments in mixins for different values. Mixins with Arguments Learn how to pass arguments in mixins for different values. Mixins with Arguments Learn how to pass arguments in mixins for different values. Learn how to pass arguments in mixins for different values. Learn how to pass arguments in mixins for different values. Passing Content into Mixins Learn how to pass content into mixins. Passing Content into Mixins Learn how to pass content into mixins. Passing Content into Mixins Learn how to pass content into mixins. Passing Content into Mixins Learn how to pass content into mixins. Learn how to pass content into mixins. Learn how to pass content into mixins. Imports. 2 lectures 11:57 Imports in Sass Learn when Sass imports are translated to CSS imports and also which other files can be imported Learn about...

Additional information

Basic Knowledge of Web Development

The Complete Sass & SCSS Course: From Beginner to Advanced

£ 10 VAT inc.