• Like
  • Save
EmberJS
Upcoming SlideShare
Loading in...5
×
 

EmberJS

on

  • 1,655 views

 

Statistics

Views

Total Views
1,655
Views on SlideShare
1,012
Embed Views
643

Actions

Likes
4
Downloads
50
Comments
0

4 Embeds 643

http://www.agileproductions.com 276
http://agileproductions.com 166
http://ipv6.agileproductions.com 101
http://www.ipv6.agileproductions.com 100

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    EmberJS EmberJS Presentation Transcript

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