Все материалы для конспекта взяты с rubyschool.us Grid - сетка, bootstrap разбивает экран на 12 единиц <div class="row"> <div class="col-md-6"> </div> </div> В HTML если сделать class="col-md-6" то возьмет половину из 12 единиц Плохие программисты беспокоятся о коде, хорошие программисты беспокоятся о структурах данных и их взаимодействии. extract variable - записать кусок кода в переменную, чтобы избегать повторения function add_to_cart (id) {
var key = 'product_'+ id;
var x = window.localStorage.getItem(key);
x = x*1 + 1;
window.localStorage.setItem(key, x);
} ID забираем со страницы представления: <%@products.each do |p| %> <button onclick="add_to_cart(<%=p.id%>)">add to cart</button> <% end %> Отображение списка добавленных продуктов в JS (alert ом) function show_cart() { list = []; for (var i = 0, len = localStorage.length; i < len; i++) { key = localStorage.key(i); list.push(key + ': '+ localStorage[key]); } alert(list); } Rails Прило