Lessons: 20Length: 1.9 hours
- Overview
- Transcript
2.2 Install Method 2: Dedicated Apps and Services
If you don’t like using the command line (and there are plenty of people that don’t), you can use a third-party app that does all the compiling for you. Let’s learn about those.
Related Links
1.Introduction
1.1Welcome00:27
1.2What Are Preprocessors?02:43
1.3The Course Structure02:29
2.Installing and Using Sass
2.1Install Method 1: The Command Line03:07
2.2Install Method 2: Dedicated Apps and Services02:41
3.Week 1
3.1Day 1: Syntax08:09
3.2Day 2: Nesting11:50
3.3Day 3: Nested Properties05:04
3.4Day 4: Variables06:22
3.5Day 5: Interpolation05:36
3.6Day 6: Data Types13:32
3.7Day 7: Operations08:38
4.Week 2
4.1Day 1: @import Directive06:04
4.2Day 2: Partials03:02
4.3Day 3: @media Directive04:35
4.4Day 4: @extend Directive05:43
4.5Day 5: @if and @for Directives08:36
4.6Day 6: @each and @while Directives11:03
4.7Day 7: Mixins05:24
5.Conclusion
5.1Final Words00:54
2.2 Install Method 2: Dedicated Apps and Services
If you don't like the command line and there are a lot of people who don't like it. You can use some third party apps or services that can compile sales for you. You just create a project or you watch some folders, and you're all set. If you take a look at the installation page of the official Sass website, you'll find a list of the recommended apps. And depending on your OS or budget, you can choose the right one. I'll show you a simple example using CodeKit. In CodeKit, you simply drag and drop the project folder to create a new project. CodeKit will then compile the necessary files and also watch for changes. It's really that simple and the cool thing about CodeKit is that when its compiles and it watches folders and stuff, it can automatically reload the browser. So, it makes for a pretty good working environment when dealing with Sass and with coding in general. Now feel free to play around with CodeKit or some of the other apps in the list and choose the right one for you. There is another tool now called CodePen. I'm sure you've heard about it and it's by far, the easiest one, you can use, if you're just starting out in Sass. In CodePen, when you create a new pen It can add HTML, CSS and JavaScript and you also get a preview. When it come to CSS you can use a couple of preprocessor including Sass. So, you would do this in a browsers, you don't need to install anything, you don't need to use command line. It's all really easy. Now if you're just starting out, I recommend you use CodePen, because it's gonna give you the option of focusing on learning Sass, rather than getting caught up in installing Ruby maybe, or manning up the command line. That's it for this lesson. You now have three methods of installing and using Sass. So go ahead and choose the one that's right for you and use that throughout the rest of this course. I'll be using the command line because I just got accustomed to that and it's the easiest one for me to use. But feel free to use whatever you feel most comfortable with. Now it's finally, time to start learning about Sass, and lesson one, or day one, you'll be learning about the Sass syntax, that's coming up next.
