Sass Crash Course

Поділитися
Вставка
  • Опубліковано 3 лют 2025

КОМЕНТАРІ • 517

  • @TraversyMedia
    @TraversyMedia  5 років тому +330

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

    • @haris7090
      @haris7090 5 років тому +16

      Exactly what i'm looking for..Right time.. your are great Brad...TYSM...Today i've enrolled 20 js project course in Udemy..Tysm for all of your valuable educational contents...

    • @ead5590
      @ead5590 5 років тому +7

      Was surprised for some reason that I'd received a notification denoting Traversy media has uploaded a SASS course.. Left me scratching my head thinking.. Didn't he upload a crash course on SASS before? None the less, this is certainly welcome to an enormous array of crash courses by you Brad..
      Thanks for everything that you do.. ✌🏻

    • @tolmind
      @tolmind 5 років тому +2

      Brad. You are so great. I always use your video to fine tune my skills. Coming from a medical background. I have learnt a lot from your channel.

    • @SkyFly19853
      @SkyFly19853 5 років тому

      Thank you very much for this tutorial!
      💯💯💯💯💯

    • @TraversyMedia
      @TraversyMedia  5 років тому +3

      @@haris7090 No problem...thanks for checking the course out

  • @jayasudhaganesh2085
    @jayasudhaganesh2085 3 роки тому +96

    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.

    • @kamatz4156
      @kamatz4156 3 роки тому +6

      I've been having a hard time finding a company bro. What advice do you have?

    • @kamatz4156
      @kamatz4156 3 роки тому +20

      I got a job😁

    • @jusyF
      @jusyF 3 роки тому +1

      @@kamatz4156 🙂👍my congratulations

    • @jogodev3684
      @jogodev3684 3 роки тому +2

      You got a job by his tutorials only?

    • @Morquioo
      @Morquioo 3 роки тому +1

      @@kamatz4156 congrats man!!!!

  • @DennisIvy
    @DennisIvy 5 років тому +243

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

  • @viniciuslima9434
    @viniciuslima9434 3 роки тому +106

    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)

  • @francomacias8904
    @francomacias8904 4 роки тому +6

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

  • @lucaszanek6204
    @lucaszanek6204 5 років тому +9

    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!

  • @ayberkyigit4795
    @ayberkyigit4795 5 років тому +79

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

    • @codeaperture
      @codeaperture 5 років тому

      Send me the docs please Ive always wanted a deep dive to sass.Link to content you used?

    • @cooljohnny9402
      @cooljohnny9402 5 років тому

      me too lol. Brad sees everything haha

    • @adnanaz4526
      @adnanaz4526 5 років тому

      So true..

  • @Mustafa-pe5mp
    @Mustafa-pe5mp 4 роки тому +81

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

    • @codecast8713
      @codecast8713 4 роки тому +1

      I was looking for this comment and it's the first one I read.

    • @slaywrldz
      @slaywrldz 4 роки тому +1

      thank you

    • @themoroccanpianist8953
      @themoroccanpianist8953 3 роки тому

      but which one is practical and used by most developers ?

    • @Mustafa-pe5mp
      @Mustafa-pe5mp 3 роки тому +3

      @@themoroccanpianist8953 idk but it is better to follow the way that is easier for you now and worry about this kind of stuff later on

    • @themoroccanpianist8953
      @themoroccanpianist8953 3 роки тому

      ​@@Mustafa-pe5mp I have an issue with live sass compiler , so I uninstalled it and installed compile hero pro instead ! and it is working like a charm

  • @ojas.11
    @ojas.11 10 місяців тому +1

    That was really amazing. Great Job!.

  • @goldenpunk9k
    @goldenpunk9k 4 роки тому +9

    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

  • @iahonz
    @iahonz 4 роки тому +8

    I just watched your responsive portfolio website series and realized "Oh, looks like I've been doing Sass wrong" *me, goes to Brad's UA-cam to see that he uploaded a course on this 6 days ago*. Awesome!

  • @marcelino-dev
    @marcelino-dev 4 роки тому +1

    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!

  • @BTSPeach1469
    @BTSPeach1469 3 роки тому +2

    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!

  • @programmingjobesch7291
    @programmingjobesch7291 Рік тому +2

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

  • @helenag9915
    @helenag9915 5 років тому +1

    There are many Sass tutorials on UA-cam, but yours is the best. Like always!

  • @lightingstrike7285
    @lightingstrike7285 5 років тому +3

    Hey Brad, I am really thankful for all of your videos. You're a great programmer. Thank you for sharing your knowledge with others. I hope you keep on helping the programming industry.

  • @waqaskhandev
    @waqaskhandev 2 роки тому +2

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

  • @Algebrodadio
    @Algebrodadio 5 років тому

    This is the one piece of web development that has, never seemed hard, but I've never bothered to learn it. Now that you've made a vid, I'm happy to watch it. Thanks Brad.

  • @Dablus
    @Dablus 5 років тому +2

    i swear to god i was just looking for a sass course, and here you are !

  • @nervanis
    @nervanis 4 роки тому +4

    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.

    • @alwin5995
      @alwin5995 4 роки тому

      I thought I could make a theme changer with this prop using JS, but Sass doesnt repond to JS changes, so I dont see the point of using it.

  • @otongjrliah4787
    @otongjrliah4787 3 роки тому

    one of the best humans i can ever name even though i have never seen and met him. he teaches with whole of his heart.

  • @colindante5164
    @colindante5164 2 роки тому

    Once again you demonstrate why most consider you the best out there for web content.. Thankyou much and greatly appreciated. ))

  • @dumbignorantfool2353
    @dumbignorantfool2353 9 місяців тому

    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!

  • @bmehder
    @bmehder 2 роки тому

    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.

  • @finalfantasy7820
    @finalfantasy7820 4 роки тому

    Everybody is teaching for money to some extent but this guy also aims to deliver the content in the best way possible - and he can.

  • @federicocipriani7399
    @federicocipriani7399 4 роки тому +5

    Thanks Brad! And this is how after 1 hour I have a good knowledge of Sass 😁

  • @devsecopstoolbox
    @devsecopstoolbox 4 роки тому +1

    Mr. Brad, I have learned a lot from your channel since 2019, still, I'm struggling for a job. Still learning and doing practice on skills hoping for a better future. Thank you so much for your efforts for make the courses for us which help a lot. Best wishes to you brother.

    • @goodnessdavid6583
      @goodnessdavid6583 2 роки тому

      Hey, have you gotten a job yet?... I'm new to the programming world

  • @Pavfixers
    @Pavfixers 4 роки тому +1

    first ever css html video i stumble on was Brad . Im very picky for voice and Brad has perfect voice and the way he explains and Happy new year Brand and to your family thanks for what you do

  • @julieoelker1865
    @julieoelker1865 2 роки тому

    After I finished Brad's Udemy course on Javascript, I took this course. So glad I did. It was easy to understand the functions and mixins after learning Javascript.

  • @SuperSarhanWebdev
    @SuperSarhanWebdev 3 роки тому +2

    this was just an amazing video, the way you did those spacing utility classes awesome man love it

  • @orangecode1902
    @orangecode1902 5 років тому

    That's why we love you you upload every video when we actually need These

  • @Loki_Dokie
    @Loki_Dokie 2 роки тому +1

    Been doing your html/css Udemy course and it is nice to watch this and understand what is going on when I just know some css so far.
    Had I watched this about a month ago I wouldn't know what the hell is going on. Your teaching style is so consistent that it creates the ability to learn new things a lot easier. I've thanked you a lot but thanks again, I'm embarking on a life changing journey and you are at the helm.
    Be well!
    93

    • @tiagomota4734
      @tiagomota4734 2 роки тому

      Hmm isnt this soo fkin quick i mean you can rewatch but its happening so quick and the guy dosnt really explain in details....i made alrdy 2 projects in CSS and HTML i know some shyte but hmm i find this to be in such a rush

  • @kasopejohnson3831
    @kasopejohnson3831 2 роки тому +6

    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! 😂😁

  • @MCA96
    @MCA96 5 років тому +4

    I learnt a lot from you and keep learning. Thanks for all these top quality content, Brad.

  • @pavelsantelises9553
    @pavelsantelises9553 3 роки тому

    Omg dude, you're like the best teacher I ever had. Thank you so much.

  • @juliofslt
    @juliofslt 2 роки тому

    I've been wanting to learn SASS for a while now but didn't want to take a +20 hours course, I wanted something just straight to the point and clearly explained. Thank you man, amazing crash course as always!

    • @tiagomota4734
      @tiagomota4734 2 роки тому

      inst this so rushed tho? what did you understand from this lol?

    • @EosDoesStuff
      @EosDoesStuff Рік тому

      @@tiagomota4734 It's literally a crash course. The point of it IS to be super quick. Some people learn better when they get all the information at once, some learn better from more spread out courses. If you didn't understand it, this style of learning just isn't for you.

  • @goncalodumas
    @goncalodumas 5 років тому +2

    Thanks for a great presentation! I’ve used css since the end of the browser wars and it’s great to see how it’s evolved.

  • @zakariahilali1297
    @zakariahilali1297 5 років тому

    a Big thank you is never enough to people like brad

  • @gabornagy6274
    @gabornagy6274 5 років тому

    Congrats for the 1 million subscriber! You are our hero!

  • @mistersz
    @mistersz 4 роки тому

    you are my favorite programming guru.
    Glad to see Sass course in your channel !
    Thanks

  • @hiuheu6653
    @hiuheu6653 5 років тому +1

    Brad thanks for this, I am really enjoying your recent videos. I have a degree in Civil Engineering but I fell in love with programming and have been teaching myself for the last 7ish months. I am starting to make websites for my local businesses here in London. I have picked up view and react so far, I am really starting to love Gatsby for doing freelance projects.
    Anyways thanks for your videos, they serve as a nice refresher.

  • @adarshchakraborty
    @adarshchakraborty 3 роки тому

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

  • @erfanm1206
    @erfanm1206 3 роки тому

    your crash courses are my first choice for learning stuff
    Thanks Man

  • @heirsofchrist
    @heirsofchrist 4 роки тому

    I don't wait to watch Brad's tutorial before hitting a like button. Once I set my eyes on his clip, I just hit on like before watching. Trust me, I haven't regretted it for once.

  • @elmira5244
    @elmira5244 4 роки тому +1

    the best video about sass on youtube

  • @elilumilay9405
    @elilumilay9405 4 роки тому +1

    And this is the things i've been searching right now!! Thank you so much Brad! You are great and awesome :)

  • @bonguthandokhumalo7552
    @bonguthandokhumalo7552 10 місяців тому

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

  • @niclinford5495
    @niclinford5495 10 місяців тому +1

    Excellent video mate! could you possibly do an updated version some time soon? Thanks heaps!!!

  • @jawadkhan8747
    @jawadkhan8747 4 роки тому

    I was thinking that saas will be to complex to understand, but you did it.
    Thank you Traversy Media.

  • @Кулити-к7ч
    @Кулити-к7ч 5 років тому

    Congratulations on 1 million subscribers, you deserved it. Great tutorial as ussual

  • @gxguy2906
    @gxguy2906 5 років тому +1

    Finally I been searching your channel for this. Thanks

  • @lourenxoweb6348
    @lourenxoweb6348 5 років тому +1

    I love your content so much and I always wanted to see a Sass crash course from you!

  • @techhype6065
    @techhype6065 5 років тому +1

    Thank you very much Brad. You are my favorite teacher. I love every contents you created. I have wrote bad scss codes on my vue.js job but now I learned many useful technique from you. :)

  • @sethmccullough6206
    @sethmccullough6206 4 роки тому

    Beautifully done video Brad, you made it so easy to get up and running with Sass which I'm loving. Thank you!!!

  • @soflogator
    @soflogator 4 роки тому

    Wow Sass is really going to take things to the next level for me. There's so much that I can learn and do with it. Excited to see how I can implement this with my larger projects. Thanks for the great introduction and explanation to it!

  • @grantwilliams9838
    @grantwilliams9838 3 роки тому

    Again, another awesome vid Brad. Very comprehensive with a great and simple example to learn off. Thanks a mil

  • @CharlesDeBarros
    @CharlesDeBarros 4 роки тому

    As always, your content is just priceless. Shame I can only give one thumbs-up! Keep the oustanding content coming! Much appreciated indeed!

  • @luciogutierrez997
    @luciogutierrez997 3 роки тому

    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!

  • @MarshGames
    @MarshGames 3 роки тому

    My dream is to become a fullstack developer because the subject of programming, logic, and design has become my free time, and your videos are always so much fun to watch. Thank you for being so informative and clear in explainations. I said "no way" out-loud at least 5 times when you showed a functionality of Sass. This will definitely be a useful dev tool in the front-end work! Thank you!

  • @arindamchowdhury16
    @arindamchowdhury16 4 роки тому

    Thanks Brad for all the knowledge you've been sharing with us... You changed my career

  • @TomkinsOkello
    @TomkinsOkello 5 років тому +3

    Brad, just a thank you. Great as always...from one of your students 🙏🏾

  • @badytouray294
    @badytouray294 2 роки тому

    Loved this video 🙂 Your style of teaching is amazing with basic easy to use/understand examples :-) Love your 1hour crash courses.. Thank you for being yourself

  • @izdann
    @izdann 3 роки тому

    You are the best!!! I bought ur Udemy course and it's really worth it!!!

  • @chopardissmo6869
    @chopardissmo6869 5 років тому

    Look forward to this topic from Traversy for a while, thx man.

  • @techboytutorials4733
    @techboytutorials4733 5 років тому

    Hello good sir. Congrats again on hitting 1 million. You totally deserve it.

  • @atmanvisual190
    @atmanvisual190 4 роки тому

    Your big picture crash courses are such a great resource. Thanks a lot!

  • @ashutoshagrawal3076
    @ashutoshagrawal3076 4 роки тому

    Yipeeeee! Now we can create our own CSS framework. Thank You Mr. Traversy!

  • @RyanFurrerGaming
    @RyanFurrerGaming 4 роки тому +3

    This was an amazing resource to getting started in Sass.
    Thank you so much!

  •  5 років тому +1

    He never sleeps! 😊
    I wasn't expecting for a video that soon since you had just finished the Expense Tracker App.
    My weekend will be amazing thanks to you, Brad.

  • @aniketchaudhari5062
    @aniketchaudhari5062 5 років тому +3

    I was about to look for SASS video and here it is! 👍

  • @miquel2423
    @miquel2423 3 роки тому

    I enjoyed it very much Traversy Media. I am currently trying to take a expand my HTML and CSS knowledge and this video was very useful. Thanks a lot man!

  • @PragmaticReviews
    @PragmaticReviews 5 років тому +3

    I don't need to watch it to like it, I know you are a killer man. Thank you!!

  • @bacanalienigena
    @bacanalienigena 4 роки тому

    Thank you for the whole learning about Sass, you helped me also to understand flex box better. Cheers and Happy Christmas!

  • @Knards
    @Knards 5 років тому +1

    I have always used the indented version. Much quicker. I use SASS with modified SMACSS. Thank you very much for the refresher

  • @TechTravelbyRJ
    @TechTravelbyRJ 4 роки тому

    Same stuff i watched from another youtuber and those thing goes above my head , your presentation is awesome ❤️

  • @ImranKhan-ft7ns
    @ImranKhan-ft7ns Рік тому

    These crash courses are life saving... Thanks Brad ❤

  • @nivellen1168
    @nivellen1168 4 роки тому

    I'm very glad you made a video to Sass. Thanks Brad for the video!

  • @cynthiamanor6565
    @cynthiamanor6565 4 роки тому

    Thanks so much for posting this. I'm having to learn about CSS pre-processors for a class, and this REALLY helped!

  • @agungeka9281
    @agungeka9281 4 роки тому

    Thanks brad, just feeling better knowing Sass before I commit to being a full-stack web developer. It really amazing how much time we'll save using Sass!

  • @kinky378
    @kinky378 4 роки тому +1

    I loved this tutorial, just one thing that I learned and it could be convenient for starters is that Sass compile multi-line comments to the css file, so if you have the extended version of the css file you can comment using /* Comment */ and it will keep the comment, at least for me it is useful because I'm pretty new on the tutorials

  • @esportsnexus
    @esportsnexus 5 років тому +1

    You are awesome Brad. Love you man.

  • @iamaakashbasnet
    @iamaakashbasnet 5 років тому +1

    I also learned SASS from your Udemy course. Loved to see more in-depth video on it. 😍

  • @deaconuadrian6554
    @deaconuadrian6554 5 років тому +2

    Great video, Brad!
    Thank you for the video and all the hard work.
    God bless.

  • @mykalimba
    @mykalimba 5 років тому +12

    Every time your Slack notification sounded, I checked MY Slack.

  • @codingtutorialsannguyen3924
    @codingtutorialsannguyen3924 3 роки тому

    Omg thank you! I always wanted to learn sass! Thanks to you I'm a beginner! I'm going to show of to my friends now!

  • @parthpuri2000
    @parthpuri2000 5 років тому +19

    Hey Brad. Thanks for all this amazing content you're putting out here.
    Just wanted to make a small request.
    Is it possible to make a crash course on the basic backend stuff using node. Like all the basics a website needs (logging a user in and maintaining user database + sending out emails as newsletters)?

  • @TheRealJuggaloJoel
    @TheRealJuggaloJoel 3 роки тому

    YASS! Nesting in css makes life so much better.

  • @isaG56
    @isaG56 2 роки тому

    Hey, man! Awesome course, as always. Thank you so much, it really helped in understanding this thing.
    You were the one who helped me get my last and current job, you're awesome!

  • @yonahbb4635
    @yonahbb4635 2 роки тому

    great vid, loved how simple and easy it was to understand throughout!

  • @AccessCode101
    @AccessCode101 5 років тому

    You read my mind. I had created two videos on SCSS hoping I can learn something by doing, and here it comes the king tutorials... hehehehe thanks for the video Brad.
    I learned more from you that from the documentation. You should write SASS documentation.

  • @sarcasticdna
    @sarcasticdna 4 роки тому

    Whole Dev Community loves Brad on youtube.
    I know why!

  • @bengbeng2005
    @bengbeng2005 3 роки тому

    the best mentor is definitely you Brad

  • @msrumon
    @msrumon 5 років тому +1

    sass in 2020 w/o modules is living in like 2000. btw, thanks for this short tutorial on sass. looks so effortless to style web pages!! i could build an entire ecomm app within the time i style 2 pages... i am so damn bad at styling... :(

  • @saadarman4718
    @saadarman4718 Рік тому

    Like always brilliant, this gave me the quick start on the Sass. Thank you 😀

  • @ore_bear8045
    @ore_bear8045 4 роки тому

    the slides was very informative and not boring, great tut !

  • @_dinesh
    @_dinesh 5 років тому

    You're such an inspiration. I really look up to you. Thanks for yet another awesome video. 🎉

  • @Gamerbay2017
    @Gamerbay2017 Рік тому

    Fantastic video! I'm a student web developer, and this was the recommended video by the course (which is run by TAFE Australia!).

  • @frontendbos
    @frontendbos 5 років тому

    Officially create sass course. Thanks man.

  • @thanapongangkha1417
    @thanapongangkha1417 5 років тому +5

    Thank you Brad. I’ll watch it tomorrow, it’s already midnight here 😂

  • @tonymorin6308
    @tonymorin6308 3 роки тому

    Cheers Brad. Great sass primer. For the last few days & I've been beating myself up by having a new v16 version of node.js, but trying to use the old npm way of using sass on your Udemy Modern HTML & CSS course. I now know how to do both npm & live sass vs code extension. Ouch! no pain, no gain lol