Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Native Script by Sebastian Witalec

2,137 views

Published on

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/

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Native Script by Sebastian Witalec

  1. 1. Introducing NativeScript
  2. 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. 3. THE INTRODUCTION TO
  4. 4. DEMO
  5. 5. Calling Android API var file = new java.io.File(path);V8 JavaScript Engine
  6. 6. Native Android Calling Android API var file = new java.io.File(path);V8 JavaScript Engine Marshalling Service java.lang.String
  7. 7. Native Android Calling Android API var file = new java.io.File(path);V8 JavaScript Engine Marshalling Service Binding java.lang.String java.io.File()
  8. 8. 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
  9. 9. 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
  10. 10. 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);
  11. 11. Performance
  12. 12. Styling
  13. 13. Supported Selectors • .button { … }Type selector • ..my-class { ... }Class selector • .#login-button { ... }ID selector • .button:pressed { ... } Pseudo-classes selector
  14. 14. 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
  15. 15. Open Source
  16. 16. 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
  17. 17. 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.
  18. 18. 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
  19. 19. V1 in May • Stabilizing the code • Windows Universal support – Beta version • Add missing features –Localization –More cross-platform abstractions • Bluetooth, • accelerometer, • and more ..
  20. 20. vNext • Continue adding missing features • More cross-platform abstractions • Integration with popular JavaScript libraries that depend on browser • 3rd party Plugins marketplace
  21. 21. Get involved The insiders group www.telerik.com/nativescript-insiders-signup London based meetup www.meetup.com/NativeScript-London Contact: valentin.stoychev@telerik.com
  22. 22. Questions

×