How to start learning SCSS/SASS?

Question

css

How to start learning SCSS/SASS? I would also like to know what application to use?
CSS flies by the teeth, I learned about SASS and decided to try it, but after watching the video, as well as all sorts of examples, I realized that I had little to postpone. I would like to receive information not in fits and starts, but gradually with an increase in skill, or all at once, so that I could sit down and figure it out.
Perhaps there is an online service, books, I will take anything into account.

Answer 1

Of course, the official documentation is best, if you know English. If not, you will have to collect information bit by bit and systematize it yourself.
In addition to Sass, you also need to learn Compass. A few articles that I studied from: First , Second (there are a lot of articles on this site, search properly) , third .

Answer 2

https://sass-scss.ru - documentation in Russian

Answer 3

I understand that I am reviving a not very necessary topic, but the answers (to put it mildly) surprised me a little, and since it appears in Google search one of the first, I have to do necromancy ... Let's start with the fact that SASS is used by companies such as eBay, bet365.com, BBC, Instagram, LinkedIn, Square, and Groupon etc. Why? Because scss is essentially the future of css, i.e. that in the future this standard will be included and therefore, using it today you think about your future. After all, no one doubts that variables, mixins and, in general, all the goodies of the preprocessor will soon (relatively) be available in css? What other arguments are needed, why choose it? Well, how to teach ... the docks of course (the link to the translation has already been given, but I would prefer to learn English first, otherwise I will forget about this business). Or books like ' SASS and compass for web designers', practice and, again, docs... No book or course will replace a manual in the documentation for you. The basics are not hard to grasp from the standard tutorial. Start using variables and standard compass mixins, maybe grunt for automation and just get used to it. Further, it is enough to sometimes read the docks and find useful features for yourself, thus growing a beard...

Answer 4

And here is the question: why exactly SASS? If I were you, I would look towards Stylus. Himself from SASS came to him.
Regarding the study: study Grunt \ Gulp at the same time, set up a typical project template, auto-compilation on change, at the same time you can immediately fasten autoprefixier and all sorts of other goodies.
After you set up the template - just typeset using what you set up. Will get used quickly.
And if you just read theories, then, yes, little will remain in your head.

Answer 5

I recommend excellent clear lessons on Sass from Lynda.com, Russified - here . For starters, it’s great so that there is no porridge in my head. Well, then you sit down and sculpt the project, apply the knowledge.

Answer 6

if CSS flies off the teeth, then it's better to look towards LESS, the syntax of which resembles CSS itself, compatibility at the level of "any CSS is valid", in addition, you can compile *.less in the browser
In addition to the topic about LESS. Compared to SCSS, there are opinions that SCSS has a number of characteristics superior to LESS. An interesting comparison of technologies can be found for example here . But I would divide these "approaches" according to their origin. SCSS grows out of the Ruby world, LESS grows out of the Nodejs world. I think the right approach is to use the tool to which community the project is closer.

Answer 7

I always believed that it is necessary to study any technology in the process. Do you have a Web site? If not, then make it using SCCS. Open the documentation and start creating. In addition, the technology is not complicated and almost nothing is required to start using it. And the documentation is only official, plus answers on Toaster/Stack Overflow.

Answer 8

For starters, Prepros is also suitable . It compiles perfectly, there is an error log. There is support for Compass framework (For GUI lovers).
A great example of using Sass and its "goodies"

Answer 9

Well, look, if you are a novice developer, then you are here:
loftblog.ru/tag/sass
sass-lessons.ru
www.unix-lab.org/posts/sass
If you have any experience, then:
sass-scss.ru/ guide
sass-lang.com
But here the information is given in the form of a guide, if you are a beginner, then it will be difficult for you. Everything is dryly described there, and there is a lot of superfluous.

Answer 10

I myself was in such a situation, I saw that everyone was talking about preprocessors, but I didn’t know where to start. Especially to answer this question, I wrote a detailed introductory article . Hope it helps.