Rich RoR app with

EMBERJS
in 2 minutes
Vysakh Sreenivasan
@vysakh0
submify.com
what is
Emberjs
Browser based js

MVC framework

1
2
Architected like iOS, Android

but in Browser

that isn’t being rendered by
server
Convention over
Configuration
“Don’t waste time making trivial choices. Ember.js incorporates
common idioms so you can foc...
url - where browser beats native
Core principle of Ember

url
should drive the design of the
app

4
Ember community
Yehuda Katz
●

Ruby on Rails, JQuery core teams

● TC39, the cross-industry group
developing new JavaScript
features.
● W3...
Tom Dale
Apple software engineer in
MobileMe & iCloud applications
Evangelizes emberjs in twitter and in
the internet
p.s:...
Apps & Companies
using emberjs
an open source app by
Few other companies
http://emberjs.com/ember-users/
Why ember?
When there is my full stack
Rails
Makes it like native app
talks to server when only needed
More interactive, rich
its javascript on steroids yo!
Next gen App
This is how web apps will be,
should be
Ember & Rails

using ember-appkit-rails gem
rails new project
echo "gem 'ember-appkit-rails',
github: 'dockyard/ember-appkit-rails'" >> Gemfile

bundle install
rails ...
http://localhost:3000
Scaffold posts
echo "{{outlet}}" >> app/templates/application.hbs
rails g scaffold posts titile:string body:text --ember
r...
http://localhost:3000/#/posts
http://localhost:3000/#/posts/new
Ember Appkit Rails
- feels like Rails 4+
- MVC js under Rails structure
- Generators
- teaspoon test runner for js
(defaul...
It’s a shame

to wait till tomorrow
Learning resources
emberjs.com/guides
emberwatch.com
Stuck? Lost?
stackOverflow
discuss.emberjs.com
bye
Building Rich Ruby on Rails with Emberjs
Building Rich Ruby on Rails with Emberjs
Upcoming SlideShare
Loading in …5
×

Building Rich Ruby on Rails with Emberjs

2,957 views
2,713 views

Published on

Introduction to emberjs for Rails developer. Also, introduction to using ember-appkit-rails gem

Published in: Technology
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total views
2,957
On SlideShare
0
From Embeds
0
Number of Embeds
129
Actions
Shares
0
Downloads
21
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Building Rich Ruby on Rails with Emberjs

  1. 1. Rich RoR app with EMBERJS in 2 minutes
  2. 2. Vysakh Sreenivasan @vysakh0 submify.com
  3. 3. what is Emberjs
  4. 4. Browser based js MVC framework 1
  5. 5. 2 Architected like iOS, Android but in Browser that isn’t being rendered by server
  6. 6. Convention over Configuration “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.” 3
  7. 7. url - where browser beats native
  8. 8. Core principle of Ember url should drive the design of the app 4
  9. 9. Ember community
  10. 10. 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
  11. 11. Tom Dale Apple software engineer in MobileMe & iCloud applications Evangelizes emberjs in twitter and in the internet p.s: This is not Russel Crowe :P
  12. 12. Apps & Companies using emberjs
  13. 13. an open source app by
  14. 14. Few other companies http://emberjs.com/ember-users/
  15. 15. Why ember? When there is my full stack Rails
  16. 16. Makes it like native app talks to server when only needed
  17. 17. More interactive, rich its javascript on steroids yo!
  18. 18. Next gen App This is how web apps will be, should be
  19. 19. Ember & Rails using ember-appkit-rails gem
  20. 20. rails new project echo "gem 'ember-appkit-rails', github: 'dockyard/ember-appkit-rails'" >> Gemfile bundle install rails g ember:bootstrap rails s
  21. 21. http://localhost:3000
  22. 22. Scaffold posts echo "{{outlet}}" >> app/templates/application.hbs rails g scaffold posts titile:string body:text --ember rake db:migrate
  23. 23. http://localhost:3000/#/posts http://localhost:3000/#/posts/new
  24. 24. Ember Appkit Rails - feels like Rails 4+ - MVC js under Rails structure - Generators - teaspoon test runner for js (default)
  25. 25. It’s a shame to wait till tomorrow
  26. 26. Learning resources
  27. 27. emberjs.com/guides emberwatch.com
  28. 28. Stuck? Lost? stackOverflow discuss.emberjs.com
  29. 29. bye

×