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

Multi-platform Mobile with Calatrava - May 2013

Pete Hodgson
May 23, 2013
Programming
2
480

Multi-platform Mobile with Calatrava - May 2013

Pete Hodgson

May 23, 2013
Tweet

More Decks by Pete Hodgson

See All by Pete Hodgson
Migratory Patterns - KubeCon Salt Lake City, 2024
phodgson
0
58
A Journey Into Feature Toggles - OSCON Austin 2017
phodgson
5
570
Test-driven Client-side JS
phodgson
5
810
Functional Reactive JavaScript
phodgson
8
770
different.js - Forward JS 2014
phodgson
4
800
Railsconf2014
phodgson
7
1.4k
Building Your Own Lightsaber
phodgson
104
6.3k
iOS Unit Testing Workshop
phodgson
3
500
Unit testing with Kiwi - CocoaConf San Jose 2013
phodgson
1
650

Other Decks in Programming

See All in Programming
もっと大きなデータを送りませんか? エラーがゴロゴロ出るようなデータです
sublimer
0
170
The Price of Micro Frontends … and Your Alternatives @bastacon 2025 in Frankfurt
manfredsteyer
PRO
0
410
フロントエンドオブザーバビリティ on Google Cloud
yunosukey
0
150
AWS Step Functions は CDK で書こう！
konokenj
5
990
もう一人で悩まない！ 個の知見をチームの知見にする3つの習慣と工夫 / Into team knowledge.
honyanya
3
480
requirements with math
moony
0
470
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
160
DenoでOpenTelemetryに入門する
yotahada3
1
240
Modern Angular with Signals and Signal Store New Rules for Your Architecture @bastacon 2025 in Frankfurt
manfredsteyer
PRO
0
190
体得しよう！RSA暗号の原理と解読
laysakura
3
280
RecSys2024 参加報告
unonao
1
160
Swift Testingのモチベを上げたい
stoticdev
2
270

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
580
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Code Reviewing Like a Champion
maltzj
521
39k
Six Lessons from altMBA
skipperchong
27
3.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Become a Pro
speakerdeck
PRO
26
5.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Site-Speed That Sticks
csswizardry
4
430

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