Building rich one-pageapplications with Ember.jsSerge Barysiuk, Quote Rollerserge@quoteroller.comSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterConceptsSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterModelsSaturday, April 20, 13
• ember-data• DS.Store• DS.RESTAdapter & DS.BasicAdapterModelsSaturday, April 20, 13
ModelsSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterControllersSaturday, April 20, 13
• Present data for view layer to render• Expose bindable properties• Work like a proxy for models• ObjectController, Array...
ControllersSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterViewsSaturday, April 20, 13
• When you need sophisticated handling ofuser events• When you want to create a re-usablecomponentViewsSaturday, April 20,...
ViewsSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterTemplatesSaturday, April 20, 13
TemplatesSaturday, April 20, 13
ModelControllerViewTemplateModelControllerViewTemplateRouterRouterSaturday, April 20, 13
• Manages application state• Keeps the state up to date with the URLRouterSaturday, April 20, 13
RouterSaturday, April 20, 13
Let’s code!goo.gl/KKV8FSaturday, April 20, 13
• emberjs.com & @emberjs• emberwatch.com & @emberwatch• stackoverflow.com• https://github.com/discourse/discourseNext step...
Looking for aJS/Frontend ninja.serge@quoteroller.comSaturday, April 20, 13
Upcoming SlideShare
Loading in …5
×

Building rich one-page application using Ember.js

2,156 views
1,977 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,156
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Building rich one-page application using Ember.js

  1. 1. Building rich one-pageapplications with Ember.jsSerge Barysiuk, Quote Rollerserge@quoteroller.comSaturday, April 20, 13
  2. 2. ModelControllerViewTemplateModelControllerViewTemplateRouterConceptsSaturday, April 20, 13
  3. 3. ModelControllerViewTemplateModelControllerViewTemplateRouterModelsSaturday, April 20, 13
  4. 4. • ember-data• DS.Store• DS.RESTAdapter & DS.BasicAdapterModelsSaturday, April 20, 13
  5. 5. ModelsSaturday, April 20, 13
  6. 6. ModelControllerViewTemplateModelControllerViewTemplateRouterControllersSaturday, April 20, 13
  7. 7. • Present data for view layer to render• Expose bindable properties• Work like a proxy for models• ObjectController, ArrayControllerControllersSaturday, April 20, 13
  8. 8. ControllersSaturday, April 20, 13
  9. 9. ModelControllerViewTemplateModelControllerViewTemplateRouterViewsSaturday, April 20, 13
  10. 10. • When you need sophisticated handling ofuser events• When you want to create a re-usablecomponentViewsSaturday, April 20, 13
  11. 11. ViewsSaturday, April 20, 13
  12. 12. ModelControllerViewTemplateModelControllerViewTemplateRouterTemplatesSaturday, April 20, 13
  13. 13. TemplatesSaturday, April 20, 13
  14. 14. ModelControllerViewTemplateModelControllerViewTemplateRouterRouterSaturday, April 20, 13
  15. 15. • Manages application state• Keeps the state up to date with the URLRouterSaturday, April 20, 13
  16. 16. RouterSaturday, April 20, 13
  17. 17. Let’s code!goo.gl/KKV8FSaturday, April 20, 13
  18. 18. • emberjs.com & @emberjs• emberwatch.com & @emberwatch• stackoverflow.com• https://github.com/discourse/discourseNext stepsSaturday, April 20, 13
  19. 19. Looking for aJS/Frontend ninja.serge@quoteroller.comSaturday, April 20, 13

×