Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,970
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
60
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Author:RyanStout Ember.jsWhyyou’rewritingtoomuchJavaScript Date:May9th,2013 Wednesday, July 10, 13
  • 2. •Movesawayfromtheevent->updatemodel •Auto-UpdatingDOM •ProvidesaMVCstructureforyourJS •Stateserializationviaroutesandmodelserializers •Conventionoverconfiguration •Doingmorewithlesscode Aframeworkforcreatingambitiouswebapplications Ember.js WhatisEmber.js? Wednesday, July 10, 13
  • 3. doesithavestreetcred? Ember.js Whoisusingit? Wednesday, July 10, 13
  • 4. Ember.js Howdoesitcompare? Wednesday, July 10, 13
  • 5. •ClassesandInstances •Bindings •ComputedProperties Ember.js CoreConcepts Wednesday, July 10, 13
  • 6. ProvidesJSwithalittleobjectorientation Ember.js ClassesandInstances Wednesday, July 10, 13
  • 7. Bindingskeepthingsinsync Ember.js Bindings Wednesday, July 10, 13
  • 8. Combinemultiplepropertieswhilestayinginsync Ember.js ComputedProperties Wednesday, July 10, 13
  • 9. •Templates •Models •Controllers •Views •Router Ember.js PartstoanEmber.jsApplication Wednesday, July 10, 13
  • 10. •Templates-todo •Models-Todo •Views-TodoView •Controllers-TodoController •Router-TodoRoute Ember.js EmberNamingConventions Wednesday, July 10, 13
  • 11. Emberuseshandlebars.jsfortemplating Ember.js Templates Wednesday, July 10, 13
  • 12. Emberuseshandlebars.jsfortemplating Ember.js Templates Wednesday, July 10, 13
  • 13. Ember.js Templates Wednesday, July 10, 13
  • 14. •Presentdataforviewlayertorender •Proxyforthemodeldata •Views“context”isusuallyacontroller •ObjectController,ArrayController Ember.js Controllers Wednesday, July 10, 13
  • 15. usesthe‘content’propertytoproxyotherobjects Ember.js ObjectController Wednesday, July 10, 13
  • 16. usesthe‘content’proxytoproxyanarrayofobjects Ember.js ArrayController Wednesday, July 10, 13
  • 17. •Ember.Object.extend-ifyoudon’tneedtostoreitanywhere •Ember-Data Whereyoustoreyourdata Ember.js Models Wednesday, July 10, 13
  • 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. Viewsareusefulfor: •Handlinguserevent/dispatchlogic •Creatingreusablecomponents •Computedinformationonlyrelevantinthistemplate •templateNametooverridedefaulttemplate Onelayerupfromtemplates,areauto-generatedwhennotcreated Ember.js Views Wednesday, July 10, 13
  • 20. •Responsibleforsettingupcontrollers •Keepsthestatesyncedwiththeurl •Canlinkviewsbasedonstate Mapsapplicationstateintotheurl Ember.js TheRouter&Routes Wednesday, July 10, 13
  • 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. Author:JohnDoe Thanks!Feelfreetoaskquestions Date:NewYork,23May2010 Wednesday, July 10, 13