Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
From SproutCore to Ember
Search
Paul Chavard
June 29, 2012
Programming
2
240
From SproutCore to Ember
Paul Chavard
June 29, 2012
Tweet
Share
More Decks by Paul Chavard
See All by Paul Chavard
Le Tour du monde en quatre-vingts jours
tchak
1
33
Functional Ember
tchak
0
280
HTTP
tchak
3
190
Ember Data REBOOT
tchak
0
130
Ember Data: (Advanced) Patterns
tchak
2
220
EmberJS Introduction
tchak
1
190
Ember Data
tchak
11
810
Ember.js
tchak
11
1.6k
Other Decks in Programming
See All in Programming
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
800
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
220
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
540
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
150
Software Architecture
hschwentner
6
2.1k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
GoとPHPのインターフェイスの違い
shimabox
2
190
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
360
DROBEの生成AI活用事例 with AWS
ippey
0
130
技術を根付かせる / How to make technology take root
kubode
1
250
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
We Have a Design System, Now What?
morganepeng
51
7.4k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Site-Speed That Sticks
csswizardry
4
380
Rails Girls Zürich Keynote
gr2m
94
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Gamification - CAS2011
davidbonilla
80
5.1k
The Invisible Side of Design
smashingmag
299
50k
Transcript
From SproutCore to Ember.js
Paul Chavard capitainetrain.com
2007 - SproutIt 2008 - Apple 2010 - Strobe 2012
- Tilde
Widget Library
✓ SC.ButtonView ✓ SC.SelectView ✓ SC.PanelView ✓ SC.SplitView
Structural Library
✓ DS.Model ✓ Ember.View ✓ Ember.Controller ✓ Ember.Router
Singletons
✓ App.postsController = SC.ArrayController.create() ✓ App.postController = SC.ObjectController.create() ✓ App.store
= SC.Store.create() ✓ App.stateChart = SC.StateChart.create()
Shared instances
✓ App.PostsController = Ember.ArrayController.extend() ✓ App.PostController = Ember.ObjectController.extend() ✓ App.Store
= DS.Store.extend() ✓ App.Router = Ember.Router.extend() ✓ App.initialize()
✓ App.router.postsController ✓ App.router.postController ✓ App.router.store
Router
✓ The truth is not in the URL ✓ URL
change is a “side-effect” of changing state ✓ Simple interface for actual url manipulation
Outlets
Controller View Model
Demo github.com/tchak/ember-blog-app
twitter @emberjs github @emberjs IRC #emberjs emberjs.org
twitter @tchak13 github @tchak talks.tchak.net
thanks ! questions ?