Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building rich one-page application using Ember.js

2,356 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×