Sass Crash Course

In this video we will talk about what Sass is and look at its features as well as create a landing page header to display things like variables, nesting, mixins, etc

Code:

💖 Become a Patron: Show support & get perks!

Website & Udemy Course Links:

Follow Traversy Media:

[TraversyMedia]

I realized I never created an official Sass crash course. So here it is :) The slides end around 8:43 if slides bore you

[jayasudhaganesh]

I got interested in web development after watching your videos, Brad.

Now i landed my full time job as a front end developer after making a career transition.

Thanks and kudos for making the contents crisp and to the point.

[DennisIvy]

Everybody loves Brad! Excited to check this out man :)

[viniciuslima]

For further reference:
00:51 - Intro
2:13 - .scss vs .sass
3:11 - Variables
4:02 - Nesting
4:34 - Modules
5:39 - Mixins & Functions
6:46 - Inheritance
7:33 - Operators
7:55 - Conditionals
10:40 - Creating a .scss file
12:30 - Compile .scss to css with npm
14:40 - Compile .scss to css with vs code extension (live sass compiler)
25:10 - Modular scss (multiple scss files)

[Mustafa-pemp]

advice: change 'compressed' to 'expanded' so you can see regular css and it will be much clearer to understand

[ayberkyigit]

are you actually reading my mind? I've just finished sass documentation and you uploaded this crash course
nice!

[goldenpunkk]

2:17 two formats of sass files.. scss preferred
2:18 Variables
4:07 Nesting
4:34 Modules
5:40 Mixins and functions
6:54 Inheritance
7:35 Operators
8:00 conditionals

[lucaszanek]

It's funny, every time I want to learn something I go to youtube and you just upload a course about it. Monday I start a new job so I was about to learn sass and you just uploaded it. Thanks a lot, you're the best!

[francomacias]

You must tired of people telling you how awesome you are but I can't stay silent anymore, You're Awesome!!!

[dumbignorantfool]

Thanks! I watched lots of videos about sass and yours are easy to understand with little to no errors which I encountered while following other sass tutorial. Cheers!

[kasopejohnson]

Thank you so much Brad! I've been working professionally building apps but I skipped SASS during my learning path because I was being rushed so I only write my custom css with frameworks. Now I know the basics in less than 2 hours!!
SASS actually makes writing css LIKEABLE! 😂😁

[bmehder]

Today was the day I started using SCSS, and I am never going back. What's great is you can use it right away and then slowly learn and include features at your own pace. At first, I just wanted the nesting, but I quickly started using variables because the syntax is so nice. In a perfect world, native CSS would work like SCSS.

[luciogutierrez]

I've always hated Bootstrap from version 4 to date because I found it impossible to customize. One video and 48 minutes later, I'm excited about it!

[bonguthandokhumalo]

Your videos are always informative and clear, you're really a great teacher. Thank you so much for sharing your knowledge.

[marcelino-dev]

I've previously watched a crash course about Sass on another channel and it was nothing compared to this. Thank you Brad for all your work!

[adarshchakraborty]

Everything in one video. Exactly What was I looking for! That too from my favourite channel on YouTube. 🤩

[nervanis]

The utility loop @40min is amazing! I'm working on an image utility library and this is the key to making this code more concise.

[BTSPeach]

this tutorial is so amazing! i've been using the very basic features of sass (variables, and nesting) for a few months as i'm new to web dev but this just helped me level up my skills tremendously. thank you!

[programmingjobesch]

33:00- Just opened up a whole world for me

[waqaskhandev]

Your Crash Courses are amazing. I have watched most of them a to z and it really help me alot.