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
250
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
38
Functional Ember
tchak
0
290
HTTP
tchak
3
190
Ember Data REBOOT
tchak
0
140
Ember Data: (Advanced) Patterns
tchak
2
240
EmberJS Introduction
tchak
1
200
Ember Data
tchak
11
830
Ember.js
tchak
10
1.6k
Other Decks in Programming
See All in Programming
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
890
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
tsutsui
0
210
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
360
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
maroon1st
0
330
Patterns of Patterns
denyspoltorak
0
830
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
530
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
3.6k
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
120
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.6k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
310
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.6k
Grafana:建立系統全知視角的捷徑
blueswen
0
290
Featured
See All Featured
What does AI have to do with Human Rights?
axbom
PRO
0
1.9k
Statistics for Hackers
jakevdp
799
230k
The untapped power of vector embeddings
frankvandijk
1
1.5k
How to Ace a Technical Interview
jacobian
281
24k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
730
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Designing for Performance
lara
610
70k
30 Presentation Tips
portentint
PRO
1
190
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.5k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
57
Music & Morning Musume
bryan
46
7k
For a Future-Friendly Web
brad_frost
180
10k
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 ?