Rails course day 5

Rails course day 5

• 1.
  Ruby on Rails CourseDay 5 By @AlSayedGamal
• 2.
  Views Haml and bootstrap
• 3.
  Agenda Views, partials andhelpers rendering and layout adding haml and syntax difference compared to ERB adding twitter bootstrap and responsive grid design basics
• 4.
  Views, partials and helpers Viewsare loaded by convention. Normal content will fall in main yield part. _ prefixed files are called partials and are rendered inside views for reusability sake. Example: _form in any scaffold.
• 5.
  Rendering and layout Each controlleris associated with layout. And each layout has some regions
 represented by yield statement and region name
• 6.
  Helpers Helper example: form_for link_to You candefine your own on app/ helpers folder.
• 7.
  Haml is DRYmarkdown cleaner views in action
• 8.
  Haml Simple rules %tagname#id.class
• 9.
  Twitter Bootstrap Responsive andgrid design in action
• 10.
  Installation and Usage add followinggems to your Gemfile and bundle gem 'twitter-bootstrap-rails' gem 'haml' gem ‘haml-rails' now install bootstrap static assets rails generate bootstrap:install static Generate fluid layout rails g bootstrap:layout application fluid* Scaffold and style rails g bootstrap:themed <scaffold_model>s *remove the .erb default one
• 11.
  Add new regionsto layout -if content_for? = yield
 = yield(:region) = content_for do
• 12.
  Associated Model form bestpractices Use
 ”accepts_nested_att ributes_for” to accept data from associated model. Use
 “fields_for” to show this associated model fields. Use ”validated_associate d” to validate related model Use
 form builder’s collection_* to link related models
 Example: collection_select
• 13.
  Exercise