by Serge Barysiuk on Frontend DEV Conf'13 http://bit.ly/Serge_Barysiuk

1. Building rich one-page
applications with Ember.js
Serge Barysiuk, Quote Roller
serge@quoteroller.com
Saturday, April 20, 13

2. Model
Controller
View
Template
Model
Controller
View
Template
Router
Concepts
Saturday, April 20, 13

3. Model
Controller
View
Template
Model
Controller
View
Template
Router
Models
Saturday, April 20, 13

4. • ember-data
• DS.Store
• DS.RESTAdapter & DS.BasicAdapter
Models
Saturday, April 20, 13

5. Models
Saturday, April 20, 13

6. Model
Controller
View
Template
Model
Controller
View
Template
Router
Controllers
Saturday, April 20, 13

7. • Present data for view layer to render
• Expose bindable properties
• Work like a proxy for models
• ObjectController, ArrayController
Controllers
Saturday, April 20, 13

8. Controllers
Saturday, April 20, 13

9. Model
Controller
View
Template
Model
Controller
View
Template
Router
Views
Saturday, April 20, 13

10. • When you need sophisticated handling of
user events
• When you want to create a re-usable
component
Views
Saturday, April 20, 13

11. Views
Saturday, April 20, 13

12. Model
Controller
View
Template
Model
Controller
View
Template
Router
Templates
Saturday, April 20, 13

13. Templates
Saturday, April 20, 13

14. Model
Controller
View
Template
Model
Controller
View
Template
Router
Router
Saturday, April 20, 13

15. • Manages application state
• Keeps the state up to date with the URL
Router
Saturday, April 20, 13

16. Router
Saturday, April 20, 13

17. Let’s code!
goo.gl/KKV8F
Saturday, April 20, 13

18. • emberjs.com & @emberjs
• emberwatch.com & @emberwatch
• stackoverflow.com
• https://github.com/discourse/discourse
Next steps
Saturday, April 20, 13

19. Looking for a
JS/Frontend ninja.
serge@quoteroller.com
Saturday, April 20, 13