The slides for the Titanium alloy talk at CopenhagenJS 2018-05 Code demo: https://github.com/Topener/copenhagen_meetup

1. Using Titanium & Alloy
Rene Pot
CopenhagenJS May 2018
Cross platform Native
apps with JavaScript

2. © 2018 Axway
About me
• Rene Pot
• 29 years old
• Developer Evangelist at Axway Appcelerator
• From Hilversum, Netherlands
• Started developing in 2000
• Fulltime developer since 2008
• Mobile developer since 2011
Wraldpyk
Topener
Wraldpyk
tislack.org

3. © 2018 Axway
Agenda
• What is Titanium
• What is Alloy
• (Advanced) Examples
• Code Demo

4. © 2018 Axway
What is
Titanium?

5. © 2018 Axway
What is Titanium?
• JavaScript SDK
• Run on iOS & Android

7. © 2018 Axway
What is Titanium?
• JavaScript SDK
• Run on iOS & Android
• It's not hybrid, it's native!
• Stable and mature platform
• Backed by Enterprise
• Easily extendable using modules & Hyperloop

8. © 2018 Axway
What
is Alloy?

9. © 2018 Axway
What is Alloy?
• MVC framework on top of Titanium SDK

11. © 2018 Axway
What is Alloy?
• MVC framework on top of Titanium SDK
• Very easily style-able

13. © 2018 Axway
What is Alloy?
• MVC framework on top of Titanium SDK
• Very easily style-able
• Very easily extendable

15. © 2018 Axway
What is Alloy?
• MVC framework on top of Titanium SDK
• Very easily style-able
• Very easily extendable
• Theme-able
• Shareable widgets
• Data-binding using backboneJS
• Built-in garbage collection

16. © 2018 Axway
Cross
Platform
!== Write once,
run everywhere

17. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow element

19. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow elemement
• Which can have nested windows

21. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow elemement
• Which can have nested windows
• Android has ActionBar and MenuItems

23. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow elemement
• Which can have nested windows
• Android has ActionBar and MenuItems
• Platform specific won't run on other platforms

25. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow elemement
• Which can have nested windows
• Android has ActionBar and MenuItems
• Platform specific won't run on other platforms
• But they can be mixed with platform specific filters

27. © 2018 Axway
Cross Platform !== Write once, run everywhere
• About 90-95% of the code can be shared
• iOS has a NavigationWindow element
• Which can have nested windows
• Android has ActionBar and MenuItems
• Platform specific won't run on other platforms
• But they can be mixed with platform specific filters
• Or custom and 3rd party modules/libraries.

29. xp.ui snippet

30. © 2018 Axway
Work in progress

31. © 2018 Axway
Work in progress
• VueJS Support
• Angular Support
• Fully open source
• Passed 10k PR's on
Github

33. © 2018 Axway
Noteworthy
examples

37. © 2018 Axway
Advanced
examples

38. © 2018 Axway
Questions?

39. Thanks!
Wraldpyk
Topener
Wraldpyk
tislack.org
rpot@axway.com