EmberJS

2,931 views
2,803 views

Published on

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

No Downloads
Views
Total views
2,931
On SlideShare
0
From Embeds
0
Number of Embeds
689
Actions
Shares
0
Downloads
88
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

EmberJS

  1. 1. Author:RyanStout Ember.jsWhyyou’rewritingtoomuchJavaScript Date:May9th,2013 Wednesday, July 10, 13
  2. 2. •Movesawayfromtheevent->updatemodel •Auto-UpdatingDOM •ProvidesaMVCstructureforyourJS •Stateserializationviaroutesandmodelserializers •Conventionoverconfiguration •Doingmorewithlesscode Aframeworkforcreatingambitiouswebapplications Ember.js WhatisEmber.js? Wednesday, July 10, 13
  3. 3. doesithavestreetcred? Ember.js Whoisusingit? Wednesday, July 10, 13
  4. 4. Ember.js Howdoesitcompare? Wednesday, July 10, 13
  5. 5. •ClassesandInstances •Bindings •ComputedProperties Ember.js CoreConcepts Wednesday, July 10, 13
  6. 6. ProvidesJSwithalittleobjectorientation Ember.js ClassesandInstances Wednesday, July 10, 13
  7. 7. Bindingskeepthingsinsync Ember.js Bindings Wednesday, July 10, 13
  8. 8. Combinemultiplepropertieswhilestayinginsync Ember.js ComputedProperties Wednesday, July 10, 13
  9. 9. •Templates •Models •Controllers •Views •Router Ember.js PartstoanEmber.jsApplication Wednesday, July 10, 13
  10. 10. •Templates-todo •Models-Todo •Views-TodoView •Controllers-TodoController •Router-TodoRoute Ember.js EmberNamingConventions Wednesday, July 10, 13
  11. 11. Emberuseshandlebars.jsfortemplating Ember.js Templates Wednesday, July 10, 13
  12. 12. Emberuseshandlebars.jsfortemplating Ember.js Templates Wednesday, July 10, 13
  13. 13. Ember.js Templates Wednesday, July 10, 13
  14. 14. •Presentdataforviewlayertorender •Proxyforthemodeldata •Views“context”isusuallyacontroller •ObjectController,ArrayController Ember.js Controllers Wednesday, July 10, 13
  15. 15. usesthe‘content’propertytoproxyotherobjects Ember.js ObjectController Wednesday, July 10, 13
  16. 16. usesthe‘content’proxytoproxyanarrayofobjects Ember.js ArrayController Wednesday, July 10, 13
  17. 17. •Ember.Object.extend-ifyoudon’tneedtostoreitanywhere •Ember-Data Whereyoustoreyourdata Ember.js Models Wednesday, July 10, 13
  18. 18. •SeparatefromEmber.js(sameauthorsthough) •ProvidesaninterfacesimilartoRail’sActiveRecord •find,save,associations,etc... •Makesiteasytosyncwithbackenddata •Railsember-railsgemprovideseasysync https://github.com/emberjs/data Ember.js Ember-Data Wednesday, July 10, 13
  19. 19. Viewsareusefulfor: •Handlinguserevent/dispatchlogic •Creatingreusablecomponents •Computedinformationonlyrelevantinthistemplate •templateNametooverridedefaulttemplate Onelayerupfromtemplates,areauto-generatedwhennotcreated Ember.js Views Wednesday, July 10, 13
  20. 20. •Responsibleforsettingupcontrollers •Keepsthestatesyncedwiththeurl •Canlinkviewsbasedonstate Mapsapplicationstateintotheurl Ember.js TheRouter&Routes Wednesday, July 10, 13
  21. 21. •emberjs.com-guides •https://peepcode.com/products/emberjs •http://net.tutsplus.com/tutorials/javascript-ajax/getting- into-ember-js/ Ember.js MoreInfo Wednesday, July 10, 13
  22. 22. Author:JohnDoe Thanks!Feelfreetoaskquestions Date:NewYork,23May2010 Wednesday, July 10, 13

×