Sass Crash Course 2022

Pixel Rocket
Pixel Rocket
30,433
0
Published 2022-01-30
Learn Sass/SCSS in this hands-on crash course. We'll take an existing HTML/CSS one-page website and refactor it to use Sass. In doing so, I'll teach you how to compile Sass, what Sass variables, maps, loops, mixins, partials and functions are, and you'll write your first Sass lists, maps and mixins. By the end of the short course, you'll be ready to start using Sass in your own projects.

START PROJECT FILES
github.com/PixelRocket-Shop/course-sass-basics-sta…

0:00 Intro
0:30 Project overview & setup
1:48 What is sass and why you should use it
5:43 Difference between sass and scss
7:12 Compile sass with VS Code plugin
12:22 Setup parcel bundler to compile our sass
21:09 What are sass partials
22:46 Should you use @import or @use
29:20 How to group your sass partials
38:11 Sass variables, maps and listsll
43:57 Iterate over Sass maps and lists
51:27 Sass mixins and functions
55:55 Sass nesting
All Comments (21)
  • @pixelrocket66
    If you enjoyed this crash course, let me know what else you want to learn about Sass. I'm busy filming a short explainer series on the core Sass topics.
  • @techxpertpcs
    mate this is such a excellent tutorial. Not even the most experienced youtube developers go such in depth like you have at explaining things. you have a new subscriber and keep up the good work.
  • @CoolIntellect
    Thanks for this amazing tutorial man! It was a bit difficult for me at first but after learning the basics of sass I can say it's so helpful!
  • @immortalaigs4203
    You will get more subs in the future, nowadays it's difficult finding course like that! You deserve better.
  • @keszeey6223
    Please keep making tutorials you really are great at explaining really helped me understand SCSS and now I truly want to master it, Thank you
  • @morchellemusic2829
    I enjoyed this crash course! I use Sass with BEM like you mention at the end of the video, I usually nest as you mention by using class, it's great, readable and maintainable
  • @vora320
    Your explanation is sooo amazing, Thischannel is underrated unfortunately. Keep it up mate i'm huge fan of yours rn. And thank you .
  • @ayoubahabchane
    Thanks a lot 🙏🏼 This has given me enough to work with and made learning the rest a lot easier.
  • @weaver3636
    I hope your channel grows, you deserve much more subs.
  • @start-media
    Thanks for your effort! Great Intro to SASS. I would also be interessted in a more in-deph training on parcel 🤩
  • @ezzat_za
    Amazing tutorial! keep going bro
  • @baldmannnnn
    Excellent tutorial! I used sass before in some of my static site when I'm learning html/css but didn't really take advantage of maps, loops and mixins. This crash course helped me understand it clearly.
  • @azizbekaslanov9997
    I loved so much the way you explained well. it would be better if you kept going like uploading such explanation videos. (;
  • @sardorulmasov8894
    Your teaching school is fantastic. I lovve that. Thank you sir, for ur courses.
  • @shbd1701
    well explained the tutorial, I needed that as a beginner. You deserve more subscribers. Me I'm one of them now. keep going wish you the best...✌