Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Multi-platform Mobile with Calatrava - May 2013

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Pete Hodgson Pete Hodgson
May 23, 2013
Programming
580
2

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson

Pete Hodgson

May 23, 2013

More Decks by Pete Hodgson

See All by Pete Hodgson
Feature Flags Suck! - KubeCon Atlanta 2025
Avatar for Pete Hodgson phodgson
1
290
Migratory Patterns - KubeCon Salt Lake City, 2024
Avatar for Pete Hodgson phodgson
0
210
A Journey Into Feature Toggles - OSCON Austin 2017
Avatar for Pete Hodgson phodgson
5
720
Test-driven Client-side JS
Avatar for Pete Hodgson phodgson
5
930
Functional Reactive JavaScript
Avatar for Pete Hodgson phodgson
8
860
different.js - Forward JS 2014
Avatar for Pete Hodgson phodgson
4
890
Railsconf2014
Avatar for Pete Hodgson phodgson
7
1.5k
Building Your Own Lightsaber
Avatar for Pete Hodgson phodgson
104
6.5k
iOS Unit Testing Workshop
Avatar for Pete Hodgson phodgson
3
590

Other Decks in Programming

See All in Programming
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
4.7k
「エンジニアインターン、どうやって取った？」準備のリアルを語るLT会 Progate BAR
Avatar for akio akiomatic
0
120
New "Type" system on PicoRuby
Avatar for pocke pocke
1
700
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
320
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
330
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.2k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
520
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
900
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
220
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
13
3.5k
今さら聞けないCancellationToken
Avatar for tkym htkym
0
220
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
3.3k

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
170
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
270
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
360
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
140
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

Transcript

  1. Cross-platform Mobile

  2. Pete Hodgson @ph1

  3. Portable Body

  4. http://martinfowler.com/articles/multiMobile/

  5. mobile app

  6. UI the rest

  7. UI portable body

  8. UI portable body

  9. UI portable body JavaScript

  10. UI portable body iOS JavaScript

  11. portable body UI

  12. portable body

  13. portable body iPhone mobile web Android

  14. portable body iPhone mobile web Android

  15. iPhone mobile web Android

  16. http://calatrava.github.io/

  17. - controllers - domain objs. - services <html> views

  18. - controllers - domain objs. - services <html> views

  19. kernel UI

  20. update UI respond to user input kernel UI

  21. show me

  22. None

  23. updating the UI

  24. updating the UI

  25. updating the UI

  26. updating the UI

  27. someView.render( aViewMessage ) updating the UI

  28. someView.render( aViewMessage ) updating the UI {...}

  29. someView.render( aViewMessage ) updating the UI {...}

  30. reading the UI

  31. ` reading the UI

  32. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  33. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  34. responding to events

  35. responding to events

  36. responding to events `

  37. someView.bind( ‘event_id’, callbackFn ) responding to events `

  38. None

  39. calatrava is HTML first

  40. native <html> <html> <html> HTML first

  41. native <html> <html> <html> native HTML first

  42. native <html> <html> <html> native HTML first native

  43. Testing Acceptance Tests

  44. Testing Acceptance Tests app logic

  45. where’s your logic? mobile app mobile services

  46. shared mobile services app HTML

  47. app shared mobile services app app iPhone HTML Android

  48. thanks!

  49. thanks! @ph1 for slides

  50. www.thoughtworks.com/radar