Once you've gone through the process of creating a new app within rails, use this cheatsheet to learn the haml language, then find and create within your views.
Haml is meant to encourage easy indentation, understandable markup and structure, and of course, be as DRY as possible.
A quick, no hassle converter like html2haml can make your life much easier. If you've already gone through scaffolding, for instance using the bootstrap-sass gem, you can save your erb files as html.haml, then copy the html to this awesome conversion site and transfer the haml back to your views.
Haml is designed in such a way, that there is not an implicit 'end'. Instead, haml uses white space to end a block of code. This makes indentation absolutely crucial. It also means that spaces and /t's(tabs) are NOT interchangeable.
In haml, html elements begin with the % sign. For example:
%div
%container
%ul
%li
would compile to:
<div>
<container>
<ul>
<li></li>
</ul>
</container>
</div>
To add a class, simply append the html element with '.class'. You add multiple classes by continuing this format. For example:
%table.table-striped.table-primary
%tbody
%thead.brand
would compile to
<table class="table-striped table-primary">
<tbody>
<thead class="brand">
</thead>
</tbody>
</table>
- deprecated
If you are working with rails, head over to http://rubygems.org/gems/haml. You will want to include the haml gem in your Gemfile and then run bundle install again.
Once HAML is installed you will signify that you want to use HAML files by changeing your view files to have a .haml extension. For instance index.html.haml
Now you can start writing haml code within that file. Haml will then take what you write and convert it to HTML.