Learn Sass In 20 Minutes | Sass Crash Course

[@haciendadad]

What a nice guy! He is constantly smiling, makes me smile with him but I am not sure why I am smiling, but I don't care. Happy guy!

[@marakeshg8112]

He's the only person that ever made me feel "gorgeous"!

[@mandarinnu]

I wanted to write the same thing! :D

[@elenaustyuzhanina297]

We all tend to smile when see someone smiling because of inborn mirroring mechanism)

[@aryankhandelwal15]

😀

[@sabertoothwallaby2937]

smiling doesn't mean you're nice.

[@amenovv]

01:02 Sass Live Compiler install to VsCode 01:42 Create scss(sass) file 02:43 Vendor prefixes 03:24 Variables 06:27 Nesting 07:56 Complex nesting 08:55 Separating code into multiple files 11:15 Mixins 13:50 Mixins with custom parametres 15:52 Getting 50% blindness 16:04 Getting 100% blindness 16:37 Extensions 18:17 Calculations 18:47 Conclusion

[@gabyc4356]

Very thoughtfull of you. Thanks! Also the blind thing, very funny. :)

[@somefishhere]

Haha great names

[@muhsin8507]

Bro why he use use underscode when separate different files

[@akaruianims]

thank you

[@ramoun16]

@@muhsin8507 so that those partial files don't get compiled to css

[@joshuagraham6731]

For no reason, I've been holding back to learning sass. This is my first attempt and I loved it. Thanks so much! You're good

[@sahanpd]

Bruhh Same!!

[@sharank]

Wow. I thought it's only me being lazy. There are many fellow developers in this comment section

[@batiksyndicate9683]

Dude, same. I was like "Nahh, next time. I'm comfortable with this original CSS syntax rn"

[@hiryuimajin]

Same dude! I was like, I think it'll make my life a lot more complicated and this just made it freaking simple.

[@rizkiaprita]

same,

[@RocckeFella]

love they way you smile and teach

[@adebayowixda32]

I subscribed when I saw this comment

[@munch6814]

Me every second: wow!! I wish I had you as a teacher irl

[@ahmadluayeleiwy3411]

just like how I reacted.

[@zakariaaulin]

He is just awesome!!

[@supreetkumar7604]

hes always smiling :)

[@izmir175]

HAHAHAHA I wanted to write the same thing! :D

[@yongpinbong441]

Cause most teachers go by the book, not from their experience. It's great that we have youtube, where experienced developers can share the skills they've accumulated over the years with us.

[@faisalchishti2798]

Been doing CSS for years and every time I got close to learning/implementing SASS, got scared with the syntax looking at the docs and ran away, but this tutorial finally made me love the cool thing. Thanks a bunch!!!

[@mi5956]

in 19 minute I learned more than past 6 months. thank you please upload more videos like this

[@mav3ricktv]

really? :/

[@user-og9nl5mt1b]

Well that's on you for being a lazy bum

[@vanshsehgal9475]

For real?

[@suhaaskorampally]

Yeah I would love more videos like this

[@thefreemonk6938]

Dive more deep into mixins, you can give default values to parameters and call only that specific parameter by its name when doing @mixin

[@adevikthur]

This is really awesome! I'm a beginner and can say that I was soaking everything in while smiling back. Thanks, man!

[@kingsley15]

Wow, just wow - all this time I've been overlooking Sass, not knowing it brought this much functionality to CSS... I'm always starting new Angular projects, and every time it asks for my styling choice, I always chose standard CSS. Well I got curious today and I'm glad I did. See, this is why I hate getting too comfortable with one thing. Thanks pal, your video was perfect. [Edit] - I actually can't believe it's this easy!

[@danneytee]

the fact that it took me so long to learn HTML, CSS, js, react.. it gave me the idea of sass will take a long time to learn as well. glad I found this video

[@developedbyed]

Crash course on Javascript ES6? hmmm....

[@andsheterliak]

Yes, it would be great :)

[@АлександрШатохин-н7г]

fantastic idea

[@MuhammadIrfan297]

We are waiting for it :)

[@RockstahRolln]

Get to it!! :D

[@sheikhrashed1242]

Yeah bro just do it

[@madelinebrewer5682]

When you demonstrated the $direction and column custom parameters, my jaw literally dropped. So cool, and so useful! This SASS tutorial totally levels up my CSS skills. Great content!

[@alejandromartin8347]

When you are having fun making a tutorial it makes the viewer have fun too. Very nice.

[@saissevictor]

I never learned so many good things in such a short time! Great content, awesome! Thanks

[@alexandrtcacenco8129]

When I first read your commen I was sarcastic, but then I watched the video. I can't believe I waited 2 years to start using sass.

[@WebDevSimplified]

Nice video! I am always impressed (jealous) with how quickly you can create such high quality tutorials

[@developedbyed]

you make me blush

[@WebDevSimplified]

@Handmakerz HM thanks. I am in the process of recording a big node.js tutorial which will hopefully cover a lot of those topics. I also have a video on both promises and async/await if you haven't already checked those out. Lastly, I would love to collab again with Ed, so hopefully in the future we can make it work.

[@tubenzr]

I cant believe two of my mentor talk each other... 😂🤣🤣🤣

[@justin9494]

bruh

[@jerrychuks8931]

I duely recommend this guy. He is straight to the point and cheerful.

[@paulv20]

I love your enthusiasm, joy, and excitement that you put into your videos teaching us these crash courses! You're doing gods work teaching us new things!

[@saintshing]

0:00 start 1:03 installation 3:25 variable 6:28 nesting 8:57 import 11:34 mixin 16:40 extend 18:18 calculation

[@aaronbell5994]

Every time I need to relearn Sass, I come back to this video. Thank you :)

[@SasageTheUndead]

You had to learn sass multiple times in 1 year?

[@45jerrry]

best 20 min tutorial ....In those 19:42 mins learnt more than what I learnt in a week..!!!!! 🔥🔥🔥🔥

[@Guonejo]

I learned more from you in 20 minutes than from my teacher in the last 4 months. Thank you so much for this! Keep smiling!

[@therealdeadpoolofficial]

20 mins flies by without a single sec of lag. Subscribed. One of the best teacher out here.

[@michaelkolawole2311]

i'm just wondering why did 36 people dislike this video? This is one of the best tutorials on KZbin!!

[@muffinmatt4723]

People thought they were gonna learn how to be sassy in 20 minutes

[@zancrow_gaming]

Best crash course of my life. I wanted to needed to learn this to hone my skills as a developer. Now I know everything basic to build a great with SCSS now. Didnt even need to watch an 30min or an hour vid. Saved my time used Tailwind but now am beginning to fall in love with this SCSS. it is so freaking clean super awesome.

[@Ren-xv8xo]

>I'm going blind. That made me laugh so hard. Great content as always.

[@rainchushravan833]

1. Importing 2. Extending 3. Variables 4. Separation 5. Reusing 6. Nesting & Cleaning the code So much covered in just 20 mins 👏👏👏

[@jen1951]

I'm only half-way through this tutorial so far and I've already 'liked' & subscribed! Love your energy and teaching style - casually delivered yet well-structured and super easy to follow along. Well done! 👍

[@kiwicami287]

I agree there's a lot of tutorials around youtube made by various persons but something about here is just super easy to follow and it even has a bit of humor thrown in, love it. Traversy Media tutorial/crash courses are also good

[@frontendsimply9006]

he made it looks so easy and fun and he is constantly smiling omg we need poeple like you

[@emilywagner6858]

I prefer SASS instead of SCSS because you can eliminate the open and close curly braces. Also, JADE is another thing that would be useful for HTML markup. Using JADE along with SASS makes things so much easier.

[@lukaspl12]

but he is using here SASS and still has a curly brackets. So why is he using them?

[@emilywagner6858]

@@lukaspl12 SCSS uses the braces, SASS doesnt.

[@chizobaegbujie1484]

This guy is GOOD,there is this excitement that comes with learning from him.He spices up his teachings with funny acts,facial expressions and jokes that make me learn faster. SASS all the way! Thank you plenty good teacher

[@khandaeejan]

Based on my 20 minutes experience with this guy. conclusion is that it would be really fun to hangout with this guy. oh and nice tutorial too m8.

[@eobardthaw]

Before i was strucked in the concept why the sass reduced css code cuz has same things even i thought, but after had seen this, i got my problem solve by providing your easy technics to understand and use Sass

[@plusk343]

CSS: Helloooo Sass: Hellooooo CSS: *Alright imma head out*

[@amarkarthik6566]

3yr old video, but still the best tutorial ever... I was always getting back whenever I tried to learn SASS, now this guy made me understand about it in less than 20mins. Awesome. ✨✋....

[@HollyElms]

"Hit enter on this big boy" I subscribed immediately

[@hosampb5593]

My first video for dev ed Efficient, not too fast not too slow. No unneeded info. Thanks dude

[@fine-vine]

I love watching your courses ! You always smile. It's enjoyable. Everything seems cool.

[@oscardiaz9170]

I love the way you teach, you look so happy, it makes me feel a little better automatically

[@RockstahRolln]

Fantastic video! I've learned a lot in 20 mins, many thanks!!

[@ahmadluayeleiwy3411]

why can't someone like this video more than once? If there was rating, I would give this video 5 stars out of five.

[@keels952]

Amazing tutorial as always Ed! I feel like I've just absorbed everything you've just gone through so efficiently and quickly. Thank you.

[@rickiodious]

The happiest guy on the internet...... Love from India.....

[@john_smith281]

Next: classes and objects in sass :D very good video!

[@nerodant85]

This man is one of the nicest people on KZbin. Thank you for all the great content, you are amazing dude.

[@Tanya-yu6mf]

16:06 oh no, my eyes. Why you did that to us

[@developedbyed]

It had to be done 🤣

[@Tanya-yu6mf]

@@developedbyed 🤣

[@filipfarag676]

Looks like Joe Rogan's new studio

[@crazy-boy6143]

Well, just wanna say thanks since the video is helpful. The best thing about it is that you just went straight to the point and showed us the things that make sass special

[@andreiairinei1659]

"As you can see, i'm going blind..." - laughed my ass off =)

[@atif5752]

I have an interview and now I can confidently say that I know Sass. Thanks man ;)

[@lookintomyeyes2681]

your excitement makes wanna check it out from the start !!... thanks a lot for the video dude....🔥🔥🔥🔥🔥🔥

[@ashutoshpatil26]

I was working on angular project and never knew scss can do this wonders . Thanks Ed

[@demian5511]

Good content! Very clear!

[@seanastro5549]

A perfect video on Sass. Sold. Before it was just some mystery tech that other people kept annoying me by having in their projects. Thanks for explaining most of the key benefits.. finally.

[@JuanCastro-C]

Thank you, I think I will no longer will use regular css again

[@anand.prasad502]

css also have variables

[@generationwolves]

What about inheritance and mixin? Those seem like really useful features to make someone use SASS over vanilla CSS.

[@jay_wurld]

Love the way he smiles and add some little humor to it... this is unique!! Thanks btw

[@arifali1063]

I will never do normal css again

[@Barnardrab]

Wow! I've ignored SASS, TypeScript and jQuery for the longest time because I was overwhelmed and was afraid of complicating my projects unnecessarily. But the support for variables alone makes SASS worth the learning curve.

[@maniek9910]

My life won't be the same anymore :O

[@rozacek]

Your english is like melody for me as a non-native. Also superb condensed knowledge to allow most of people to start with. Really nice that you don't overbloat your video with useless "bla bla". Only solid basic knowledge :) Subscription goes to you. Thanks.

[@mr_matata]

I think ill get too spoiled, so I'm staying with simple CSS for now & great crash course video man .. you cleared all the questions in my head regarding what sass is

[@tarunsharma2102]

Nice guy, giving positive vibes all the time by just having a smile on his face.

[@SandeepSaini-tr9sv]

Hey, Can you tell me VS code theme name used in this video??💥💥

[@chelseabing]

This is the by far the best tutorial video I have seen on the internet. It was so easy to get the concepts.

[@ammulutrips4657]

This is the best video I have ever seen on SAAS...You are a saviour...Every second was like Wow!! Thank you so much for helping us in learning things in the best possible way. You are the best mentor!!

[@Dylson]

Thank you Ed! What a video, still watching in 2022! You continue to carry the enthusiasm in web development!

[@jawadmalik6104]

Please continue doing Crash Courses. You take 20 minutes to explain something that other people take hours to. Keep up the good work!

[@NagaVibzartworks]

thank you, I literally just discovered Sass ... mind blown 20 minutes later !!

[@danielkakai2877]

I've always ignored sass but now I love it, great tool

[@hiSunho]

Not only this video super helpful, but aslo this guy seems more excited and enjoy what he teaches :) Great energy, thanks

[@chewingwildflower]

i've always wondered what sass is but never searched about it until now. Thank you so much! This completely changes the game hnnngggg

[@nicolasmayorga8288]

I always wondered about what was Sass and today i decided to learn it and found that you had a video of this just amazing. Really thanks for your content !!

[@piyushaggarwal5207]

Don't install the extension by Ritwick Dey as it is no longer being maintained. You can use the one by Glenn Marks "Live Sass Compiler"

[@ionutmatei7646]

I've just never really looked into sass, even though i hear the word often. Your video just makes sass so attractive and easy to use. Thanks Ed, really loved the way you explained stuff.

[@diogojmseixas]

05:12 - Variables 06:45 - Nesting 09:00 - Partials 11:56 - Mixins 17:20 - Extend

[@siegfred14]

This is the best crash course I have experienced. 29 mins and wow!

[@annakuzmova8127]

Before this video Sass was 'something' hard for me to understand, after this video it just made sense. Loved it.

[@shayama]

I never used sass and now I am like woooow! This is sooo coool!

[@TheMagnus156]

I generally hate youtube tutorials most of the times as a dev, they take like 80, 20 minute episodes to explain basic features, while you could just read the documentation instead. This actually was one of the best tutorials, simple overiew of its tools and I could already see uses for this and how SASS seems to be a pretty powerful tool for CSS since it makes code so much more readable and faster/easyer to write.

[@no2475]

I learned about Sass long ago and needed a good but not too lengthy video to refresh my memory of it. This was absolutely perfect and exactly what I was looking for, thank you.

[@amine1644]

And the funniest programming teacher on KZbin award goes to this guy

[@Chiips55]

Baby webdev here. Great video, I'm in love with Sass already! It will make my life so easier with my CSS!

[@divyanshijuneja8984]

You just nailed it. Sass was becoming a headache for me as i was not finding a perfect tutorial to start with. You just taught all in 20min i was searching for last 3 days. Thanks :)

[@rodelulm2]

5 years later still a great tutorial, thank you so much!!

[@vishalsuryawanshi8408]

I just like his smile at every point , there are really less teacher like that, keep it up man.

[@tanjaburke3813]

You are legit my favorite webdev course guy! Amazing! I've never used Sass before, but I'll rewrite the CSS on my webpage ASAP. I had no clue it was this powerful and easy.

[@fierce10]

I loved this one, I saw very long tutorials and forgot everything, but this one recapped it all quickly in a meaningful way

[@MinhLe-bc9ui]

I am just relaxing during leaning Python and found this gem, just finished learning this in 20min. Thank you so much! you da best.

[@juggysingh1470]

In 20 mins I went from Novice to a Master of SASS! 😁 Great Tutorial, clear, concise and very easy to understand, you have a new sub, great job!!!!!

[@creigphiri5161]

wonder why anyone would dislike this. great job mate. think I leave a comment in 1 in a 100 videos. thank you for that.

[@yarrrno]

I wanted to know what SASS is and now I know so much. Actually gonna start using it. Thank you for moving on so fast, keep it that way! With Most tutorials i end up fast forwarding then missing a point, rewinding, nope didn't miss anything, fast worward... Keep up the good work! Subscribed. :)

[@sairarashid5800]

you are my new favourite person on youtube. thank you for all the work you put into these videos. We appreciate it :)

[@MM-jr5sr]

Man, you have just opened my eyes...! Sass is the thing!! Thank you very much for this. Love it! Keep up the good work, just subbed.

[@prayk11]

I'm just a few minutes from attending an interview, this helped me a lot. Thanks, Ed!

[@anaraberda4677]

I love that you are so friendly and happy. Positive person with lovely smile. Subscribed!

[@jeremyrubio1531]

I've watched this last two months ago when I'm starting to learn CSS and I can't understand a thing. Now I'm smiling because everything make sense and this will make CSS more organize also I'm happy because I understand this now and it shows how I improved a lot HAHAHA thanks Ed for making such wonderful tutorials !!!

[@oreo4858]

The least I could say is THANKYOU❤

[@angel-pu7su]

You are one of my favourite tutors here. You are such a happy fellow and your tutorials are easy to understand. Thank you very much.

[@thelazychewresearch]

WOW throughout the videos~ I will stopped editing the .css file directly from website templates from now on! THANK YOU!

[@StormRaiderR]

I was lost in my css code while working on my projects. Then I have found your video, and I guess once you SASS you never CSS!

[@marakeshg8112]

I appreciate the information you present, and I value it, but what truly moves me is every time I hear you say, "Hello there, my gorgeous people." Thank you :)~

[@HriCode]

very good vid thanks for the tutorial