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

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson Pete Hodgson
May 23, 2013
Programming
2
520

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson

Pete Hodgson

May 23, 2013
Tweet

More Decks by Pete Hodgson

See All by Pete Hodgson
Migratory Patterns - KubeCon Salt Lake City, 2024
Avatar for Pete Hodgson phodgson
0
120
A Journey Into Feature Toggles - OSCON Austin 2017
Avatar for Pete Hodgson phodgson
5
640
Test-driven Client-side JS
Avatar for Pete Hodgson phodgson
5
860
Functional Reactive JavaScript
Avatar for Pete Hodgson phodgson
8
810
different.js - Forward JS 2014
Avatar for Pete Hodgson phodgson
4
840
Railsconf2014
Avatar for Pete Hodgson phodgson
7
1.4k
Building Your Own Lightsaber
Avatar for Pete Hodgson phodgson
104
6.4k
iOS Unit Testing Workshop
Avatar for Pete Hodgson phodgson
3
530
Unit testing with Kiwi - CocoaConf San Jose 2013
Avatar for Pete Hodgson phodgson
1
690

Other Decks in Programming

See All in Programming
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
380
アメ車でサンノゼを走ってきたよ！
Avatar for Shigure Shimotori s_shimotori
0
140
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
520
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
490
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
Avatar for Yutaro Muta yutailang0119
0
220
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
150
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
17k
どの様にAIエージェントと 協業すべきだったのか？
Avatar for Takepepe takefumiyoshii
2
600
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
Avatar for Atsuya Sato natmark
0
580
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
450
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
Avatar for Sobolev Nikita sobolevn
0
160
クラシルを支える技術と組織
Avatar for raku rakutek
0
190

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
54
3k
It's Worth the Effort
Avatar for 3n 3n
187
28k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k

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