building rich ruby on rails with emberjs
DESCRIPTION
Introduction to emberjs for Rails developer. Also, introduction to using ember-appkit-rails gemTRANSCRIPT
![Page 1: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/1.jpg)
EMBERJSRich RoR app with
in 2 minutes
![Page 2: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/2.jpg)
@vysakh0
Vysakh Sreenivasan
submify.com
![Page 3: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/3.jpg)
Emberjs what is
![Page 4: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/4.jpg)
MVC frameworkBrowser based js 1
![Page 5: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/5.jpg)
but in BrowserArchitected like iOS, Android
2
that isn’t being rendered by server
![Page 6: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/6.jpg)
“Don’t waste time making trivial choices. Ember.js incorporates common idioms so you can focus on what makes your app
special, not reinventing the wheel.”
Convention over Configuration
3
![Page 7: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/7.jpg)
url - where browser beats native
![Page 8: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/8.jpg)
urlCore principle of Ember
should drive the design of the app
4
![Page 9: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/9.jpg)
![Page 10: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/10.jpg)
Ember community
![Page 11: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/11.jpg)
Yehuda Katz● Ruby on Rails, JQuery core teams
● TC39, the cross-industry group developing new JavaScript features.
● W3C’s TAG, which determines a wide range of web standards chaired by Tim Berners-Lee
![Page 12: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/12.jpg)
Tom DaleApple software engineer in MobileMe & iCloud applications
Evangelizes emberjs in twitter and in the internet
p.s: This is not Russel Crowe :P
![Page 13: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/13.jpg)
Apps & Companiesusing emberjs
![Page 14: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/14.jpg)
an open source app by
![Page 15: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/15.jpg)
Few other companieshttp://emberjs.com/ember-users/
![Page 16: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/16.jpg)
![Page 17: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/17.jpg)
Why ember?When there is my full stack
Rails
![Page 18: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/18.jpg)
Makes it like native apptalks to server when only needed
![Page 19: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/19.jpg)
More interactive, richits javascript on steroids yo!
![Page 20: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/20.jpg)
Next gen AppThis is how web apps will be,
should be
![Page 21: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/21.jpg)
Ember & Railsusing ember-appkit-rails gem
![Page 22: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/22.jpg)
rails new projectecho "gem 'ember-appkit-rails',
github: 'dockyard/ember-appkit-rails'" >> Gemfile
bundle installrails g ember:bootstrap
rails s
![Page 23: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/23.jpg)
http://localhost:3000
![Page 24: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/24.jpg)
echo "{{outlet}}" >> app/templates/application.hbs
rails g scaffold posts titile:string body:text --ember
rake db:migrate
Scaffold posts
![Page 25: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/25.jpg)
http://localhost:3000/#/posts
http://localhost:3000/#/posts/new
![Page 26: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/26.jpg)
Ember Appkit Rails - feels like Rails 4+ - MVC js under Rails structure - Generators - teaspoon(default) test runner for js
![Page 27: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/27.jpg)
It’s a shame to wait till tomorrow
![Page 28: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/28.jpg)
Learning resources
![Page 29: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/29.jpg)
emberjs.com/guidesemberwatch.com
![Page 30: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/30.jpg)
Stuck? Lost?
discuss.emberjs.com
stackOverflow
![Page 31: Building Rich Ruby on Rails with Emberjs](https://reader034.vdocuments.mx/reader034/viewer/2022051611/54b6d7cc4a795983428b4662/html5/thumbnails/31.jpg)
bye