1. Introducing NativeScript [Pavel Kolev Software Developer @ Telerik: a Progress company]

2. What is NativeScript? A runtime for building and running native iOS, Android, and (soon) Windows Phone apps with a single, JavaScript code base

3. What is NativeScript? Framework for building truly native apps Develop iOS, Android and Windows Phone Apps with a single code base Use existing JS and CSS skills Latest ES and TS support

4. About NativeScript Started 2 years ago v1.0 in May (current version 1.2) Fully open source

5. But Cordova(Phonegap) No browser Direct access to native platform APIs Native UX not simulated 0 days support for new features Is actually native

6. But Xamarin No Mac required to build for iOS LiveSync support Full framework is open source and not just parts of it JavaScript & CSS vs.NET

7. No DOM No cross compilation != Direct access to native APIs in JS !=

8. Why NativeScript? Skills reuse Standards-based JavaScript, CSS, optionally TypeScript Code reuse npm modules, 3 rd -party iOS and Android libraries Easily use native APIs No wrappers to access native APIs Use native UI elements Open source!

9. Contribute! (nativescript.org/contribute)

10. NativeScript Android example Output:

11. NativeScript iOS example

13. Runs on V8 Runs on JavaScriptCore

16. NativeScript modules NativeScript-provided modules that provide cross- platform functionality. There are dozens of them and they’re easy to write yourself. NativeScript modules follow Node module’s conventions (CommonJS).

17. NativeScript file module

18. HTTP module example

19. Community modules https://www.npmjs.com/search?q=nativescript

20. What about the UI Use JS or XML Simple data-binding Use shared or specific UI Style with CSS

21. Shared UI AndroidiOS

22. Specific UI AndroidWP

23. Reuse everything Reuse all available JS libraries (that does not require browser support or other platform) Reuse all available native libraries Reuse all native UI libraries 0 days support for new platforms – use the latest native platform changes in the same day they are released

24. But how do I turn this into an app?

25. Two ways to use NativeScript 1) 2)

26. Backend-as-a-service Push notifications, cloud data, file storage, etc Analytics AppBuilder Cloud builds (build iOS apps on Windows, Windows Phone apps on a Mac) NativeScript debugging and tooling Screen Builder (app scaffolding) And more! http://telerik.com/platform

27. Telerik AppBuilder IDE Options In-Browser Client Visual Studio Extension Sublime Text Package Command-Line Interface

28. NativeScript CLI Free and open source https://github.com/nativescript/nativescript-cli Use CLI with your preferred IDEs (have to install all platform specific SDKs)

29. NativeScript CLI requirements https://github.com/nativescript/nativescript- cli#system-requirements https://github.com/nativescript/nativescript- cli#system-requirements Xcode, Xcode CLI tools, iOS SDK JDK, Apache Ant, Android SDK

30. Starting a new project

31. Running on iOS

32. Running on Android

34. app.js

35. Pages XML markup structure Elements (e.g., ) are NativeScript modules

36. Custom XML Components http://docs.nativescript.org/ui-with-xml#custom-components

37. Data binding

38. Data binding improved

39. CSS

40. Follow NativeScript nativescript.org @nativescript nativescript.org/blog @PavelKolev7