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
37
Functional Ember
tchak
0
280
HTTP
tchak
3
190
Ember Data REBOOT
tchak
0
130
Ember Data: (Advanced) Patterns
tchak
2
230
EmberJS Introduction
tchak
1
190
Ember Data
tchak
11
820
Ember.js
tchak
11
1.6k
Other Decks in Programming
See All in Programming
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
610
print("Hello, World")
eddie
2
530
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
280
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
260
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
🔨 小さなビルドシステムを作る
momeemt
4
690
AI Agents: How Do They Work and How to Build Them @ Shift 2025
slobodan
0
110
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
Design Foundational Data Engineering Observability
sucitw
3
210
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
870
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
320
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
570
Featured
See All Featured
Done Done
chrislema
185
16k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Building an army of robots
kneath
306
46k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Scaling GitHub
holman
463
140k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
Faster Mobile Websites
deanohume
309
31k
Six Lessons from altMBA
skipperchong
28
4k
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 ?