RailsGirls Munich January 2016

An introduction to Rails for total beginners. Goal is to understand how the Rails structure is so we know where to find things.

Transcript

1. Finding your way in Rails
   Julie Ng
   RailsGirls

   Munich, Germany
   30 January 2016
   

   View Slide

2. Is Rails magic?
   

   View Slide

3. Optimizing for happiness is perhaps the
   most formative key to Ruby on Rails.
   – DAVID HEINEMEIER HANSSON
   Creator, Ruby on Rails
   http://rubyonrails.org/doctrine/
   “
   

   View Slide

4. Convention vs Configuration
   

   View Slide

5. What is MVC?
   Controller(s)
   Model(s)
   View(s)
   (Rails flavored. Extremely simplified)
   Presentation Layer
   Coordination Layer
   Data Layer
   

   View Slide

6. 1 MVC per Representation
   Idea User
   Attachment
   Idea Model
   Ideas Controller
   Ideas Views
   Attachment Model
   Attachments Controller
   Attachments Views
   User Model
   Users Controller
   Users Views
   

   View Slide

7. Controller Responsibility
   View Update User Account
   id: 42
   email: hijacked@email.com
   Adjust
   id: 42 current_user.id
   email: hijacked@email.com
   Controller
   1
   Model Database is safe
   Nothing happened to user #42
   2
   

   View Slide

8. Model Responsibility
   Controller
   Model
   Create new user
   username: railsGirls
   email: hi@railsGirls
   1
   Username must be unique.
   Email invalid.
   2
   Display formatted error messaging:
   "Please choose another username."
   "Please check your email address."
   View
   3
   

   View Slide

9. “ Phew! ”
   For the purpose of RailsGirls

   you'll mostly customize your app in Views
   

   View Slide

10. Where in Rails…
    $ rails generate scaffold bike name:string, wheels:integer
    invoke active_record
    create app/models/bike.rb
    invoke scaffold_controller
    create app/controllers/bikes_controller.rb
    invoke erb
    create app/views/bikes
    create app/views/bikes/index.html.erb
    create app/views/bikes/edit.html.erb
    create app/views/bikes/show.html.erb
    create app/views/bikes/new.html.erb
    create app/views/bikes/_form.html.erb
    invoke assets
    invoke js
    create app/assets/javascripts/bikes.js
    invoke scss
    create app/assets/stylesheets/bikes.scss
    

    View Slide

11. Where in Rails…
    $ rails generate scaffold bike name:string, wheels:integer
    invoke active_record
    create app/models/bike.rb
    invoke scaffold_controller
    create app/controllers/bikes_controller.rb
    invoke erb
    create app/views/bikes
    create app/views/bikes/index.html.erb
    create app/views/bikes/edit.html.erb
    create app/views/bikes/show.html.erb
    create app/views/bikes/new.html.erb
    create app/views/bikes/_form.html.erb
    invoke assets
    invoke js
    create app/assets/javascripts/bikes.js
    invoke scss
    create app/assets/stylesheets/bikes.scss
    

    View Slide

12. What are assets?
    app
    ├── assets
    │ ├── images
    │ │ ├── logo.jpg
    │ ├── javascripts
    │ │ ├── application.js
    │ │ ├── bikes.js
    │ └── stylesheets
    │ ├── application.scss
    │ ├── bikes.scss
    Part of the Presentation Layer
    Images

    Graphics
    JavaScript

    Interaction

    alert('Are you sure?');
    Stylesheets

    Style Language

    width: 100px;

    font-size: 12px;

    color: red;
    

    View Slide

13. The "Application"
    views/layouts/application.html.erb
    app/views/bikes
    app/views/bikes/index.html.erb
    app/views/bikes/edit.html.erb
    app/views/bikes/show.html.erb
    app/views/bikes/new.html.erb
    app/views/bikes/_form.html.erb
    views/bikes/edit.html.erb
    views/bikes/_form.html.erb
    My awesome App
    Footer
    

    View Slide

14. Julie Ng
    @jng5
    julie.io
    Fin
    

    View Slide