rails new feisbuk

Create a bunch of files! Yo!

create
create README.rdoc create Rakefile create config.ru create .gitignore create Gemfile create app create app/assets/images/rails.png create app/assets/javascripts/application.js create app/assets/stylesheets/application.css create app/controllers/application_controller.rb create app/helpers/application_helper.rb create app/views/layouts/application.html.erb create app/mailers/.gitkeep create app/models/.gitkeep create config create config/routes.rb create config/application.rb create config/environment.rb create config/environments create config/environments/development.rb create config/environments/production.rb create config/environments/test.rb create config/initializers create config/initializers/backtrace_silencers.rb create config/initializers/inflections.rb create config/initializers/mime_types.rb create config/initializers/secret_token.rb create config/initializers/session_store.rb create config/initializers/wrap_parameters.rb create config/locales create config/locales/en.yml create config/boot.rb create config/database.yml create db create db/seeds.rb create doc create doc/README_FOR_APP create lib create lib/tasks create lib/tasks/.gitkeep create lib/assets create lib/assets/.gitkeep create log create log/.gitkeep create public create public/404.html create public/422.html create public/500.html create public/favicon.ico create public/index.html create public/robots.txt create script create script/rails create test/fixtures create test/fixtures/.gitkeep create test/functional create test/functional/.gitkeep create test/integration create test/integration/.gitkeep create test/unit create test/unit/.gitkeep create test/performance/browsing_test.rb create test/test_helper.rb create tmp/cache create tmp/cache/assets create vendor/assets/javascripts create vendor/assets/javascripts/.gitkeep create vendor/assets/stylesheets create vendor/assets/stylesheets/.gitkeep create vendor/plugins create vendor/plugins/.gitkeep run bundle install

cd feisbuk/

view all files and directories with tree command on unix! enjoy! :D [ tree . ] View, Models, Controllers, Routes and Gemfile

Maybe you need some Js library like JavaScript runtime [ExecJS::RuntimeUnavailable] Edit Gemfile and uncomment gem 'therubyracer', :platforms => :ruby

sublime . & [ sublime and command info ]

gem 'gravtastic' gem 'bcrypt-ruby', '~> 3.0.0'

bundle install

rails server

On Firefox, http://localhost:3000. You will see the index page. Find it on [ public folder ] and remove it.

rm public/index.html

--> SWITCH TO SLIDES [ USERS ] <--

rails g scaffold User username:string email:string password_digest:string

Generate these lines:

invoke active_record create db/migrate/20130219165217_create_users.rb create app/models/user.rb invoke test_unit create test/unit/user_test.rb create test/fixtures/users.yml invoke resource_route route resources :users invoke scaffold_controller create app/controllers/users_controller.rb invoke erb create app/views/users create app/views/users/index.html.erb create app/views/users/edit.html.erb create app/views/users/show.html.erb create app/views/users/new.html.erb create app/views/users/_form.html.erb invoke test_unit create test/functional/users_controller_test.rb invoke helper create app/helpers/users_helper.rb invoke test_unit create test/unit/helpers/users_helper_test.rb invoke assets invoke coffee create app/assets/javascripts/users.js.coffee invoke scss create app/assets/stylesheets/users.css.scss invoke scss create app/assets/stylesheets/scaffolds.css.scss

What is active_record ? [ Switch to slides ]

rake db:migrate

Watch MVC files..

root :to => 'users#index'

Add some bootstrap style or gangnam style of course! :) You can do it adding the 'twitter-bootstrap-rails' gem in Gemfile or copy and paste bootstrap's files in twit/app/assets subdirectories! It's better! :D

gem "less-rails" gem "twitter-bootstrap-rails"

bundle install

rails generate bootstrap:install less rails g bootstrap:layout application fixed -> rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid] rails g bootstrap:themed Users

pull-right on nav

*= require bootstrap_and_overrides body { padding-top: 50px; }

@linkColor: #ff0000; [ remove // ] it works! :) @navbarBackgroundHighlight: #0000ff; @navbarBackground: #0000ff; @navbarText: #ffffff; @navbarLinkColor: #ffffff;

Show a bit of Rails console.. [ Switch to terminal ] Add User.

As you can see, email and username could be empty..

add some validates to user model:

include Gravtastic

before_validation :prep_email

validates :username, :email, :password_digest, :presence => true validates :username, :uniqueness => true, :length => { minimum: 3, maximum: 18 } validates :email, :uniqueness => true, :format => { with: /^[\w.+-]+@([\w]+.)+\w+$/ }

has_secure_password has_gravatar :secure => true, :filetype => :png, :size => 120

private

def prep_email
    self.email = self.email.strip.downcase if self.email
end

Change _form.html.erb in views/users folder from

to

attr_accessible :password, :password_confirmation [ for MassAssignmentSecurity ]

Add errors popups under form initialization

<% if @user.errors.any? %>

  <ul>
  <% @user.errors.full_messages.each do |msg| %>
    <li><%= msg %></li>
  <% end %>
  </ul>
</div>

  <ul>
  <% @post.errors.full_messages.each do |msg| %>
    <li><%= msg %></li>
  <% end %>
  </ul>
</div>