How to organize work with HAML and SASS?

Question

Ruby on Rails

Hello.
You can tell or give links where to read about HAML
Until that time, I used pure html \ css, and also gulp.
Now I decided to switch to HAML and SCSS
, so can you say what depends on what?
And then I go to haml.info and I don’t even understand what they eat it with.
what is GEM (like npm only for ruby)
what is .erb and .haml (differences)
What is the difference between SASS SCSS and all that?
In general, all this cuisine, I understand that I myself will google it, but it will take longer, but then to collect everything if it is useful not only to me ...
1) how to use haml (what dependencies - cut there, some kind of gem that this and WHY)
2) the difference and what it is - SASS SCSS COMPAS
3) how to organize work with all this business ....
Let's discuss, put everything on the shelves? Who understands and uses it for themselves?

Answer 1

HAML compiles to html in the same way as html.erb, which is default for rails, but if in the second case html is used interspersed with ruby ​​code, then haml has an excellent syntax without parentheses and closing tags. It's easy to use - we write the gem to the gemfile and create views with this extension, the server will assemble the html as a result. Whether it is worth using is a matter of taste, many people like it, because. looks prettier because of the smaller number of characters.
SASS - allows you to declare variables, loops, objects in CSS, which greatly speeds up your work. If you are unfamiliar with it, then you can write regular CSS to files with the .scss extension and gradually refactor it to SASS - this is very convenient.

Answer 2

haml.info