Thank you very much for teaching very important concepts of Sass, I've been hearing a lot about how powerful mixins are but have no idea about it, now everything is super clear to me, it really is a powerful thing, from now on I will be using it in my projects with sass
I've been introduced to SASS a few days ago and have to make a project based on that, I know some people say it's super easy but I'm having a hard time trying to wrap my head around it. Just watching this and how you explained about the variables and mixin, everything makes more sense now. Thank you so much for your knowledge Kevin!
I too got my interest for SASS From Travis. In fact I still use his starter kit for sass. Also like him, I use the indented form of sass, as opposed to scss
Great timing! I was just starting to look into SASS earlier today while taking the buss 😂 I’ve been looking forward to learning this all month. Currently working on a small project and the css file is already 500 lines and I’m starting to loose the overview. Getting really excited for my next project as I plan to try out SASS then. 😊
Good vid! I use Sass for a long time and now when I build large projects with it it's extremely helpful. And good luck with a new course! I'm sure it will be as useful as all of your videos are :3
Hey, Kevin, I would love to overview CSS-in-JS and your opinion of it. Material-UI, the React library, described a few advantages that it has over conventional CSS (/SASS) and with the progression of front-end development into componentiation it seems to me like a natural direction in the development of styling.
I realize that it's a popular approach, and componentization is obviously the way things are headed more and more. I do think it has its pros, but I also sort of fundamentally disagree with it. It's solving a problem that, in my opinion, doesn't need solving. And what I'm about to say is a major generalization and please don't quote me on it, lol, but I do think a big reason for CSS-in-JS is JS devs don't like CSS because it doesn't work the way they want it to, so they are 'fixing it' to work in a way they prefer. It goes deeper than that obviously, and componentization has its benefits. I also think that, like a lot of things, 'it depends' is probably the best answer, even if it seems like a cop-out. It depends on the project, the scope of the project, the framework (or lack of framework) that's going to be used, etc.
Hey Kevin! I recommend you put it in Udemy. Yes, they are going to sell it very cheap but the exposure is huge. You'll have people from all over the world looking at your course.
Just purchased your course. One of the requirements of my class is to learn something new to add to my personal project. Decided Sass would be a perfect fit. Looking forward to staring the course. Cheers.
I love when you use sass in your projects. You got me hooked when you were building a portfolio site with css grid 👍 One question: what theme for VSC do you use in this video? It looks damn beautiful.
I am very happy i found your channel as it led me to SASS and that's stuff is an absolute dream! I've done some googling, and found @if conditionals! I was hoping to find a video on it by you, but i see nada. Would ya, could ya do one up?
I prefer scss with compass or something similar that shows what line number is the css rule located so its easier to find the css in the scss... Large css files become hard to manage. CONS: Nesting seems to get more complicated with larger projects with high specificity. You could be creating unneeded css rules. SASS Compilers might be hard to maintain on different development environments or might cause security issues... Git repositories with css and scss could be harder to manage with multiple developers and branches. Clearly the pros out weigh the cons.
Hi Kevin, I watched this whole video and appreciate the way you are teaching. I have a question, what if I have to compile multiple sass files? Maybe it is a silly kind of question, but I m new to this programming world, answers from others would also be appreciated? Thanks
I can't express how much I enjoy your youtube videos, but here is the problem I see with the course: theres just too much competition. I myself learned scss through an online course, but I bought mine through Udemy and it cost me around 9,99$. Not saying one shouldn't deserve more money for putting so much work into a course, its just hard to justify for me to buy into your course when there are so many other cheaper options promising the same thing. Again, I hope others see it in a different way, because you honestly deserve it, just thought I'd give you my honest opinion. Love from germany!
I realize that Udemy is out there and has cheaper pricing. I also know that many have told me that the quality of my free content is higher than that of Udemy courses they have paid for, and I've had the same experience as well as I've used them in the past. There are other Sass courses out there, and people are more than welcome to go with those! I'm hoping that people trust me enough through their interactions with me here to know that they'll be getting a course that is worth the money they are paying for it :). I'll be making more courses in the future and looking at keeping the scale a bit smaller in an attempt to keep the pricing down as well :D
Hi Kevin. I’m planning on purchasing the “master edition” of your Sass course... just wanted to ask what’s your policy regarding pushing your course source code on github? I like version controlling code-alongs to courses I take to github. I’m wondering since this course is a paid course, if you are ok with this. Of course this is only for educational purposes because I like keeping track of versions of the code as I go along through each step during the course. I have the option of pushing it to a private or public repo, it’s not an issue either way. Thanks.
The real value is in the "how to do it" and not the finished product, so I don't mind. If you want to keep it private, go that root, but it's up to you.
+Kevin Powell Thanks for replying, Kevin. Yes, of course... I definitely try to reproduce the code from tutorials, even sometimes trying to figure out ways to arrive at a different solution than the solution provided by the course instructor.... that’s actually one of the reasons why I like putting it on github, for future reference and also to keep track at my mistakes vs the official version. I of course always add that the code is taken from a course, and that it is written by the instructor, not by me, in the README file.
How do you manage search by class name once you've done nesting (with interpolation)? It sounds like a bigger pain than any nesting benefits you can have.
I don't have a section on that at the moment, but it's something that I'd very much consider adding to it. Once you figure out maps, it's not too difficult to add, but definitely be worth adding to the course :)
I realize that it opens it up to a larger audience, but I don't like the idea of using someone else's platform where they exert so much control. I did look into it, but from a creators perspective there are a lot of cons and negative reviews
As much I follow you I know you do not use .less I use .less for all my projects but as I said I follow your way of coding I would like to know is there anything we can't do in .less and that is possible in .scss
I’m always looking forward to receiving a notification from you. I’ve learned many tricks from you over time!
yes yes....
Thank you very much for teaching very important concepts of Sass, I've been hearing a lot about how powerful mixins are but have no idea about it, now everything is super clear to me, it really is a powerful thing, from now on I will be using it in my projects with sass
I've been introduced to SASS a few days ago and have to make a project based on that, I know some people say it's super easy but I'm having a hard time trying to wrap my head around it.
Just watching this and how you explained about the variables and mixin, everything makes more sense now. Thank you so much for your knowledge Kevin!
The best thing I love about Sass is the nesting. Makes SO much sense because it correlates directly with nested HTML elements.
Useful information taught in a masterly (and kind) way. Thanks for sharing your knowledge.
You are awesome, Kevin! Your videos are the best. It does bring me back some old-devtips vibes. Your passion comes across as strongly as Travis' did
Looking forward to the course. I signed up for the Master Sass class.
I have signed up for the Master Class and looking forward to learning from Kevin.
I was intimidated for another new tech, but wow what a way to ease the front end of a full stack.
I too got my interest for SASS From Travis. In fact I still use his starter kit for sass. Also like him, I use the indented form of sass, as opposed to scss
I used the indented version for 2+ years. Switxhed to SCSS mostly for YT really. Bit easier for people unfamiliar with it, or very new to it
Great timing! I was just starting to look into SASS earlier today while taking the buss 😂 I’ve been looking forward to learning this all month. Currently working on a small project and the css file is already 500 lines and I’m starting to loose the overview. Getting really excited for my next project as I plan to try out SASS then. 😊
Good vid! I use Sass for a long time and now when I build large projects with it it's extremely helpful.
And good luck with a new course! I'm sure it will be as useful as all of your videos are :3
LOL Man I just bumped into this video of yours and you are really enchanting. I love your narrative.
Thanks 😁
Hey, Kevin,
I would love to overview CSS-in-JS and your opinion of it.
Material-UI, the React library, described a few advantages that it has over conventional CSS (/SASS) and with the progression of front-end development into componentiation it seems to me like a natural direction in the development of styling.
I realize that it's a popular approach, and componentization is obviously the way things are headed more and more. I do think it has its pros, but I also sort of fundamentally disagree with it. It's solving a problem that, in my opinion, doesn't need solving. And what I'm about to say is a major generalization and please don't quote me on it, lol, but I do think a big reason for CSS-in-JS is JS devs don't like CSS because it doesn't work the way they want it to, so they are 'fixing it' to work in a way they prefer.
It goes deeper than that obviously, and componentization has its benefits. I also think that, like a lot of things, 'it depends' is probably the best answer, even if it seems like a cop-out. It depends on the project, the scope of the project, the framework (or lack of framework) that's going to be used, etc.
Sass saves me so much time especially when creating light and dark themes for websites.
Thank you, Kevin!
many ppl oversee the value of &
But you mentioned all of the essentials. They recommend using @use (this is new though.)
Thanks !
I enjoy your videos. You explain things very well! PS. Awesome T-shirt! 😁
Thanks Kathy! And I'm glad you like my shirt 😊
Hey Kevin! I recommend you put it in Udemy. Yes, they are going to sell it very cheap but the exposure is huge. You'll have people from all over the world looking at your course.
As a student I see the appeal of Udemy, but as a course creator it's far from ideal. It has its up sides, but I'll be sticking with my own platform
Just purchased your course. One of the requirements of my class is to learn something new to add to my personal project. Decided Sass would be a perfect fit. Looking forward to staring the course. Cheers.
Very awesome! I hope you enjoy the course!
+Kevin Powel je souscris à ton cours avancé sur Sass ce soir, je l'ai manque la dernière fois mais cette fois j'en suis !! Un coucou de France. 😉
Another great video. Thank u.
I love when you use sass in your projects. You got me hooked when you were building a portfolio site with css grid 👍
One question: what theme for VSC do you use in this video? It looks damn beautiful.
Here's the link :)
marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark
I am very happy i found your channel as it led me to SASS and that's stuff is an absolute dream! I've done some googling, and found @if conditionals! I was hoping to find a video on it by you, but i see nada. Would ya, could ya do one up?
I have a bunch on it in my course 😉
But yes, I could make a video on it :)
I prefer scss with compass or something similar that shows what line number is the css rule located so its easier to find the css in the scss... Large css files become hard to manage. CONS: Nesting seems to get more complicated with larger projects with high specificity. You could be creating unneeded css rules. SASS Compilers might be hard to maintain on different development environments or might cause security issues... Git repositories with css and scss could be harder to manage with multiple developers and branches. Clearly the pros out weigh the cons.
Hi Kevin, I watched this whole video and appreciate the way you are teaching.
I have a question, what if I have to compile multiple sass files?
Maybe it is a silly kind of question, but I m new to this programming world, answers from others would also be appreciated?
Thanks
Great sir thank you so much
Nice overview
Thank you 👍
So you use an HTML preprocessor like jade (I think it's been renamed).
I love sass, and Trav was big on jade as well. I've never tried it.
I tried jade out but never got into it. I feel that with Emmet there is less a need for an html preprocessor, other than making it look a bit cleaner.
@@KevinPowell Good answer. :) I like emmet as well. AND it's just included with VSCode, and just works.
I can't express how much I enjoy your youtube videos, but here is the problem I see with the course: theres just too much competition. I myself learned scss through an online course, but I bought mine through Udemy and it cost me around 9,99$. Not saying one shouldn't deserve more money for putting so much work into a course, its just hard to justify for me to buy into your course when there are so many other cheaper options promising the same thing. Again, I hope others see it in a different way, because you honestly deserve it, just thought I'd give you my honest opinion. Love from germany!
I realize that Udemy is out there and has cheaper pricing. I also know that many have told me that the quality of my free content is higher than that of Udemy courses they have paid for, and I've had the same experience as well as I've used them in the past.
There are other Sass courses out there, and people are more than welcome to go with those! I'm hoping that people trust me enough through their interactions with me here to know that they'll be getting a course that is worth the money they are paying for it :).
I'll be making more courses in the future and looking at keeping the scale a bit smaller in an attempt to keep the pricing down as well :D
Kevin Powell Sounds awesome. I'll keep on watching and If you offer a course on a topic I haven’t learned yet I’d be happy to give it a shot! :)
I just can't, for the life of me, grasp the perspective of the person who left a dislike on this video.
Lol, it wouldn't be a YT video if there want at least one dislike!
Hi Kevin. I’m planning on purchasing the “master edition” of your Sass course... just wanted to ask what’s your policy regarding pushing your course source code on github? I like version controlling code-alongs to courses I take to github. I’m wondering since this course is a paid course, if you are ok with this. Of course this is only for educational purposes because I like keeping track of versions of the code as I go along through each step during the course. I have the option of pushing it to a private or public repo, it’s not an issue either way. Thanks.
The real value is in the "how to do it" and not the finished product, so I don't mind. If you want to keep it private, go that root, but it's up to you.
+Kevin Powell
Thanks for replying, Kevin. Yes, of course... I definitely try to reproduce the code from tutorials, even sometimes trying to figure out ways to arrive at a different solution than the solution provided by the course instructor.... that’s actually one of the reasons why I like putting it on github, for future reference and also to keep track at my mistakes vs the official version. I of course always add that the code is taken from a course, and that it is written by the instructor, not by me, in the README file.
How do you manage search by class name once you've done nesting (with interpolation)? It sounds like a bigger pain than any nesting benefits you can have.
Hi Kevin, im contemplating on purchasing your course, is your multipage project released yet? If not, when will it be released?
I'll be releasing that part in June. I was planning on it eing earlier, but I got bogged down with other work :\
Do you have a video of what the difference is between > ~ . - : :: etc selectors
I sure do! th-cam.com/video/Bcr70LIJcOk/w-d-xo.html
Very nice.
Looking for a mixin for font icons and something that uses a sass map function to auto generate each icon class.
You'd want to use a @for loop to generate the classes from the map. Perfect use case for a @for loop really.
Hi Powell sir can u plz do video on forms as per new trend I'm facing difficulties in this thanks in advance
What's the new trend?
@@KevinPowellnew trend implies , the forms that are implemented in 2019 (as like floating label fields like that)
Does your course discuss theming with SCSS? Like going from a light theme to dark theme.
I don't have a section on that at the moment, but it's something that I'd very much consider adding to it.
Once you figure out maps, it's not too difficult to add, but definitely be worth adding to the course :)
Why is enrollment closed on the course?
Was wondering the same thing...
Are you using the code extention with live compiler and live server?
Yup. At one point I'll add mom and gulp to the lessons
Where can i buy the beer tees?
No idea at all, my wife got it for me ages ago
Is course going to be in udemy?
Nope, I'm using a platform to keep it more independent
Just css on steroids. Love the old specificity :-)
Is "accouncement" a word? @Kevin Powell
No one said it until now, and two people did in one day, lol. Thanks for pointing it out
@@KevinPowell You helped me, I helped you :D
Anyone like stylus? It's not as popular but it's super flexible.
Why not release it on udemy also?
I realize that it opens it up to a larger audience, but I don't like the idea of using someone else's platform where they exert so much control. I did look into it, but from a creators perspective there are a lot of cons and negative reviews
Purchasing power parity ?
?????
@@kashparty It costs the same in India as in US, 90 USD is a lot in our currency.
@@daksh_sagar Having been to India I understand what you're saying; however, it's more about the person that's doing the teaching that counts.
I know Wes Bos offers it. Sadly at this point I don't have any way to implement it. I realize the cost can be too much for some 😕
-sissisity
Love your videos bro. I used to suck at css, I was more of a back-end guy.
I wish sass allowed brackets without semicolons like in Stylus
nesting is the best. Should have been in native CSS
As much I follow you I know you do not use .less
I use .less for all my projects but as I said I follow your way of coding I would like to know is there anything we can't do in .less and that is possible in .scss
I just never got into Less, so I don't know as much about it. I think it can accomplish the same thinngs
Can someone suggest me a good jQuery tutorial
india it is so high, i had intrest to buy but i didn't have that much money.
Sorry about that. I realize the issue. I know Wes Bos does parity pricing, but at the moment I have no way to implement it
What the heck is a 'accouncement'?
wow, I've had this up forever and no one ever said anything until now, lol. thanks for pointing that out :)
And you didn't title it "Sass: from 'hello world' to real world"? How could you resist? ;-)
Because I'm terrible at naming things. That's so much better, lol
*CSS is best*
First 😎😎
Can't people just write their own css ? Why Sass ?
Replace Sass in the title with a girl's name and you get a marriage announcement