Building rich one-page application using Ember.js
-
Upload
fdconf -
Category
Technology
-
view
2.611 -
download
0
description
Transcript of Building rich one-page application using Ember.js
![Page 1: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/1.jpg)
Building rich one-page applications with Ember.js
Serge Barysiuk, Quote [email protected]
Saturday, April 20, 13
![Page 2: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/2.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Concepts
Saturday, April 20, 13
![Page 3: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/3.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Models
Saturday, April 20, 13
![Page 4: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/4.jpg)
• ember-data
• DS.Store
• DS.RESTAdapter & DS.BasicAdapter
Models
Saturday, April 20, 13
![Page 5: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/5.jpg)
Models
Saturday, April 20, 13
![Page 6: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/6.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Controllers
Saturday, April 20, 13
![Page 7: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/7.jpg)
• Present data for view layer to render
• Expose bindable properties
• Work like a proxy for models
• ObjectController, ArrayController
Controllers
Saturday, April 20, 13
![Page 8: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/8.jpg)
Controllers
Saturday, April 20, 13
![Page 9: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/9.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Views
Saturday, April 20, 13
![Page 10: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/10.jpg)
• When you need sophisticated handling of user events
• When you want to create a re-usable component
Views
Saturday, April 20, 13
![Page 11: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/11.jpg)
Views
Saturday, April 20, 13
![Page 12: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/12.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Templates
Saturday, April 20, 13
![Page 13: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/13.jpg)
Templates
Saturday, April 20, 13
![Page 14: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/14.jpg)
Model
Controller
View
Template
Model
Controller
View
Template
Router
Router
Saturday, April 20, 13
![Page 15: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/15.jpg)
• Manages application state
• Keeps the state up to date with the URL
Router
Saturday, April 20, 13
![Page 16: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/16.jpg)
Router
Saturday, April 20, 13
![Page 18: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/18.jpg)
• emberjs.com & @emberjs
• emberwatch.com & @emberwatch
• stackoverflow.com
• https://github.com/discourse/discourse
Next steps
Saturday, April 20, 13
![Page 19: Building rich one-page application using Ember.js](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ec615906b580048b461d/html5/thumbnails/19.jpg)
Looking for a JS/Frontend ninja.
Saturday, April 20, 13