Frontend Choices

Transcript

1. Frontend choices Alex Coles | wroc_love.rb, Wrocław, Polska
2. Anti-climax
3. front end vs. frontend
4. Not really about choice
5. ‘I’m a backend guy living in a frontend world’
6. About me
7. @myabc Alex Coles Berlin, Germany Finn GmbH
8. OpenProject openproject.org
9. 1..2..3
10. eurucamp eurucamp.org Call for Papers open until 1st May
11. 1..2..3
12. jeden one: background
13. Single page v traditional HTML
14. SPA depends on your content
15. no kupa, Sherlock
16. What’s your content? Information Pages Membership sites Closed Systems
17. Content Criteria • Authentication • Caching • Indexing (SEO) • curated Content vs Dynamic
18. dwa two: where we are now
19. History of the Rails Interface
20. “Rails is so 2005”
21. “Rails Way” back in 2005 • Server Generated HTML (ERB, etc.) • Prototype • Scriptaculous • RJS
22. “Rails Way” now • Server Generated HTML (ERB, Slim, HAML etc.) • jQuery • jQuery UI • Server generated JavaScript Responses (SJR)
23. Where we are now
24. JavaScript is HUGE
25. No backend nobackend.org
26. Hoodie hood.ie
27. Meteor www.meteor.com
28. but I <3 Ruby
29. So here’s the question
31. Room for Rails?
32. The Rails Way
33. – Marcin Stecki @madsheep at wroc_love.rb “Not his [DHH]'s responsibility to tell us how to do these things.”
34. Frontend frameworks
35. Frontend (MV*) frameworks • AngularJS • Ember.js • KnockoutJS
36. Frontend (component) frameworks • ReactJS • Backbone.View (alone) • ExtJS
37. TodoMVC todomvc.com
38. KnockoutJS
39. AngularJS
40. Ember.js
41. What is most like Rails?
42. Ember.js is most like Rails • Everything should inherit from Ember.Object
 (think ActiveRecord::Base.inherited) • Routing DSL • Vocabulary (templates, partials, etc.)
43. trzy three: practical usage
44. Using asset pipeline / sprockets
45. Use Bower
46. gem install bower-rails
47. Rails 4 (Sprockets 2+)
48. config.assets.paths << File.join(Rails.root, 'vendor', 'assets', ‘components')
49. ember-rails-api github.com/dockyard/ember-appkit-rails
51. What is the way forward?
52. Split Completely
53. Two applications: one API, one frontend
54. Rails or Sinatra for API
 A JS workflow for Frontend
55. Surprisingly testable (and fast)
56. Dzięki!
57. Questions?
58. @myabc