Sass - from beginner to real world - Sass Essentials Edition by Kevin Powell

Sass - from beginner to real world - Sass Essentials Edition

Work faster & smarter with Sass

Overview

Sass has become an essential language to learn for front-end developers. It helps you write your code faster, pull off things that sometimes seem like magic, and it’s also a part of many modern workflows.

This course is going to teach you how to use the most common features of Sass, how to integrate it into your workflow and push you with challenges, helping you become a better front-end developer.

This course is about more than just Sass

This course also doesn’t solely focus on Sass as a language. Understanding the language itself is important, but it presents us with an opportunity to change how we work on our projects. This course teaches you not only the language of Sass but examines how to use it in the real world as well.

It also dives into intermediate and advanced level CSS. Sass is, at the end of the day, a fancy way to write CSS after all. So how could we learn Sass really well if we don’t also get into some higher level CSS stuff along the way?

This course isn’t just about learning how to use Sass, it’s about learning how to be a better front-end developer.

Who this course is for

  • People who know HTML & CSS and are ready to take the next step
  • People who are brand new to Sass and who want to learn what is is, how it works, and to start using in their projects today

What's included in this course?

This course goes into what Sass is and how it works, with 51 videos and over 3.5 hours of video, looking at:
  • What is Sass and how to install it
  • SCSS / Sass
  • Nesting, Variables, Extends, and Opoerators
  • Mixins
  • Using existing Sass functions
  • File structure
  • Building out several components
  • Challenges that help reinforce what you've learned
  • Access to a private channel in my community where you can ask for help, advice, and feedback!

If you'd like a bit more detail on what's included, scroll down and you'll find a complete list of all the videos and files that are included.
The lessons in Learn Sass made my workflow so much simpler. I am not just learning theory, I am learning practical things I can use now.
Adrian Simpson

The Community

By purchasing this course,you'll get access to a private channel in my community devoted to this course.

The community is a Discord channel where like-minded people can chat, ask questions and network, learn together, as well as just hang out.

It has text, audio and video chat, including screen sharing which can be very useful for trouble shooting problems that you may be having. You'll have access to a channel that is only for members of the course where you can ask me questions if ever you get stuck, or need help with something.
Kevin's course is much more than just Sass, it's a dive into the modern web development process, a great reference for good practices, and an awesome way to learn advanced CSS.

Perfectly paced with a masterful balance of theory and real-wold applications and challenges, by the end of it you'll feel confident on coding anything the designers throw at you."
Facundo Corradini

Who's Teaching the course?

My name is Kevin and most of the time you can find me over on YouTube where I teach over 50,000 subscribers HTML, CSS and occasionally some JS along the way.

I'm not only on YouTube though, I also teach in a physical classroom, and bring my teaching experience to this courses. 

Pre-registration period discount

The course offically launches on February 1, 2019. If you register for it between now and the 1st, you'll reserve your place and get a very nice discount.

Once the course launches on Feb 1, the price will jump from $35 to $45. 

Feel like you'd like more?

This course is the Sass Essentials edition of the course, and covers all the things you need to get started kickin' butt with Sass, but if you'd like a deeper dive into Sass' more advanced functions and a look into some more projects, the Master Sass edition might be what you are after, with more than 150 videos and over 10 hours of content!
Check out the Master Sass Edition

What's included?

Video Icon 52 videos File Icon 11 files Text Icon 6 text files

Contents

Introduction
What is Sass anyway?
6 mins
What software do you need?
1 min
VS Code
The Community
6 mins
The Setup
A note before we get started
Installing Sass with Sass live compiler
4 mins
Sass compilers for other text editors
Using Sass live compiler and live server
2 mins
Sass live compiler and live server settings
4 mins
A couple of other very useful VS Code Extensions
2 mins
CSS output style options
4 mins
What are source maps?
3 mins
Other command line alternatives (free and premium options)
2 mins
Sass vs SCSS - two different ways of writting Sass
3 mins
CSS vs Sass comments
2 mins
Nesting
Nesting selectors
3 mins
SCSS vs Sass nesting
3 mins
Nesting and the ampersand (&)
8 mins
Nesting properties
3 mins
Time for a challenge!
2 mins
nesting-challenge-starting-files.zip
87.1 KB
solution.scss
769 Bytes
Variables
What are variables?
4 mins
Variable inception (variables inside variables)
4 mins
Variables and the cascade
3 mins
Naming variables
5 mins
It's challenge time!
3 mins
Variable Challenge Starting Files
2.4 KB
variable-challenge-solution.scss
1.17 KB
Operators
Introduction to Operators
5 mins
Operators - a use case
3 mins
Building out a pricing table
Pricing Table - Intro
1 min
Pricing Table Starting Files
115 KB
Google font @import
Writing the markup
6 mins
Setting up the variables
11 mins
Styling it up
31 mins
Pricing Table finished version
10.6 KB
Extends
An introduction to Extends
4 mins
Placeholders
2 mins
Don't forget about the other stuff you can do
2 mins
Problems with extends - 1
2 mins
Problems with extends - 2
4 mins
Mixins basics
Introduction to Mixins
4 mins
Selectors inside mixins
4 mins
Mixin arguments - part one
3 mins
Mixin arguments part two - optional arguments
3 mins
Mixin arguments part three - more ways to work faster
4 mins
Mixin arguments part four - keeping things in the right order
3 mins
Mixin Challenge - Introduction
6 mins
LearnSass - mixin challenge.pdf
103 KB
Mixin Challenge - Starting Files
782 Bytes
Introduction to functions
Introduction to Functions
2 mins
Some of my favourite Sass functions
7 mins
Building an e-commerce card
card-starting-files.zip
313 KB
The Markup
6 mins
Getting Sass set up and running
3 mins
Settin' up the variables
5 mins
Creating the mixins
9 mins
Styling the typography
7 mins
Styling the buttons
6 mins
Finishing touches
8 mins
my-finished-files.zip
154 KB
Partials and file organization
Quick note
Introduction to partials
5 mins
Order matters when importing your partials
4 mins
The 7-1 system and what I actually use (file organization)
10 mins
Closing thoughts
I hope you enjoyed the course, plus a few other things
Future Updates

Take your front-end skills to the next level

Do you want to learn how to make some kick-ass websites? Between teaching in a physical classroom, my YouTube channel, and the premium courses available here, I teach people how to make the web, and how to make it look good while they are at it.

FAQs

Do I need any experience with Sass before starting this course?

No! This course is designed assuming you have never used it before.

With that said, it does assume that you're comfortable with HTML & CSS already. I don't go into a lot of detail about the CSS I'm writing, focusing more on the Sass I'm writing and looking at the output that it's producing. You may happen to learn some new CSS stuff along the way, but I assume that you're relatively comfortable with it already.

I've been using Sass for awhile now, is it worth it for me to take this course?

It really depends on how advanced you are, but chances are that if you're already comfortable with the basics of Sass and are looking to step up your game, the Master Sass Edition is more what you are after.

There are other Sass courses out there, why should I pick this one?

Many of the courses out there simple look at all the Sass functionality, and skip over implementing it in real projects, or they fail to really dive deep into some of the more useful features of Sass. In this course, I not only look at how Sass works, but also help reinforce your learning with challenges throughout the course to ensure that you are actually learning, and not just blindly following along.

On top of this, we look at some real-world type projects, with the final one being a multipage website that we'll build out together using CSS Grid!

You also get access to a private channel in my Community where you can ask me and others who've enrolled in the course questions if ever you get stuck, or have any issues.

How much content is there?

There are 51 videos totalling more than 3.5 hours of lessons. 

On top of that there are challenges where I give you a problems to solve, based on what we've covered so far in the course.

How long will it take me to complete this course?

That's really up to you! You can work through the content at your own pace, go back over lessons, or speed through it. You have access to the course forever!

What if I decide this course isn't for me?

It happens, so you've got nothing to worry about. Get in touch with me within 30 days, and I'll gladly issue you a full refund!

What if at one point I'd like to upgrade to the Master Sass Edition?

There is no problem at all, and what you've paid for this course will be credited toward your purchase of the that version of the course :)