Hands on demo showing how to use NativeScript for cross platform development. London Mobile Developers (.NET / Xamarin) http://www.meetup.com/London-Mobile-Dev/events/219150105/

1. Introducing
NativeScript

2. Now presenting – Sebastian Witalec
•Solution Engineer and Technical
Evangelist for Telerik
•Working with the Dev community in
London:
–International Developers
–Software Architecture & Mentorship
–NativeScript Insiders London (soon)

3. THE INTRODUCTION TO

4. DEMO

10. Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine

11. Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service java.lang.String

12. Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service
Binding
java.lang.String
java.io.File()

13. Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service
Binding
java.lang.String
java.io.File()
Call Dispatcher java.io.File
file = FileProxy

14. Native Script Modules Layer
NSM Layer
(JavaScript) UI Abstraction
File System
Abstraction
Device sensors Local Storage
Push Notifications
Launchers,
Choosers
Localization,
Globalizations
Other…
Runtime
Native UI
Components
JavaScript
Running on VM
User Interaction
Handled by Native platform
Hardware Access
Handled by Native platform
Native iOS application Native Android application Native WP application

15. At runtime, executed on the JS engine.
In Cross platform abstraction
On Android
var file = new File(path);Cross-platform
Cross-platform API
File file = new java.io.File(path);
On iOS
NSFileManager.defaultManager();
fileManager.createFileAtPathContentsAttributes(path);

16. Performance

17. Styling

18. Supported Selectors
• .button { … }Type selector
• ..my-class { ... }Class selector
• .#login-button { ... }ID selector
• .button:pressed { ... }
Pseudo-classes
selector

19. Supported Styles
• .button { color: blue }color
• ..my-class { width: 100; height: 25; }width/height
• .#login-button { font-size: 20 }font-size
• ...c-label { vertical-align: center }vertical-align
• ..t-label { opacity: 0.8 }opacity

20. Open Source

21. Current state
• Private preview – still no public access
• iOS and Android only
• Feature freeze until the beta - stabilizing the framework, catching
up on documentation
• [major problem] No debugging

22. 0.42 release in January
• Better getting started documentation
• Tooling for using 3rd party native libraries
• Better AppBuilder companion apps – barCode integration and error
reports
• Code stabilization
• [major problem] Still no debugging.

23. Public Beta in February
• Open source the code on GitHub
• Public access
• Windows Universal support – preview version
• Much better documentation and help articles
• Debugging support inside AppBuilder
• Integration with Telerik platform and its services

24. V1 in May
• Stabilizing the code
• Windows Universal support – Beta version
• Add missing features
–Localization
–More cross-platform abstractions
• Bluetooth,
• accelerometer,
• and more ..

25. vNext
• Continue adding missing features
• More cross-platform abstractions
• Integration with popular JavaScript libraries that depend on
browser
• 3rd party Plugins marketplace

26. Get involved
The insiders group
www.telerik.com/nativescript-insiders-signup
London based meetup
www.meetup.com/NativeScript-London
Contact:
valentin.stoychev@telerik.com

27. Questions