NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript...

NativeScript – Open source platform to build Native iOS/Android Apps

Who are you and why are you here?•Dan Wilson•Evil Marketing Guy (boo!)•PMK NativeScript•Start up founder•Technical consultant •I write code•Founder - NCDevCon

What is NativeScript?

•NativeScript is an open source framework for no-compromise mobile applications. Use web skills — Angular, TypeScript or JavaScript and get native UI and performance on iOS and Android.

Not PhoneGap/Ionic•Real Native Components•No DOM to manipulate•Not HTML elements styled like native

components

•No DOM•Native UIs

!=

Not Xamarin•No Cross Compiling•100% access to native APIs without writing

bindings •No .Net

•No cross compilation

!=

Not React Native•No writing ObjectiveC, Swift or Java•{n} Javascript has 100% access to native

APIs

•Direct access to native APIs in JS

!=

NativeScript

•Free and open source

Created and supported by Telerik

Choice in Architecture

JavascriptWrite your

application using plain Javascript

TypeScriptUse TypeScript to get

Object Oriented features and compile time error checking

AngularUse Angular to

architect application. Reuse almost all code

between web and mobile

Cross Platform

•iOS•Android•Windows (2016)

Use Lots of Prebuilt code

•Use thousands of plugins from NPM•Use free native controls from Cocoapods

or Android Arsenal

Native LayoutsAbsolut

eDock Grid Stack Wrap

NativeScript + Angular 2

•http://bit.ly/nativescript-angular

Native API Access

NativeScript Android example

Output:

Look! JavaScript can create and use

Native Android Java objects!

NativeScript iOS example

JavaScript can create

and use Obj-C objects too?

NativeScript modulesCode Modules Platform API

NativeScript file module

HTTP module example

Follow NativeScript

•https://nativescript.org•@NativeScript•http://tinyurl.com/

nativeScriptSlack

Appendix

•Getting Started Guide availablein JavaScript and Angular 2•https://nativescript.org (Click

green Get Started button)

How does this work?

Calling Android API