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

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

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

Page 1: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

Page 2: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

Page 3: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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.

Page 4: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

components

•No DOM•Native UIs

!=

Page 5: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

bindings •No .Net

•No cross compilation

!=

Page 6: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

APIs

•Direct access to native APIs in JS

!=

Page 7: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript

•Free and open source

Page 8: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Created and supported by Telerik

Page 9: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

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

Page 10: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Cross Platform

•iOS•Android•Windows (2016)

Page 11: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Use Lots of Prebuilt code

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

or Android Arsenal

Page 12: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Native LayoutsAbsolut

eDock Grid Stack Wrap

Page 13: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript + Angular 2

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

Page 14: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Native API Access

Page 15: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript Android example

Output:

Look! JavaScript can create and use

Native Android Java objects!

Page 16: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript iOS example

JavaScript can create

and use Obj-C objects too?

Page 17: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.
Page 18: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.
Page 19: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript modulesCode Modules Platform API

Page 20: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

NativeScript file module

Page 21: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

HTTP module example

Page 22: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Follow NativeScript

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

nativeScriptSlack

Page 23: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Appendix

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

green Get Started button)

Page 24: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

How does this work?

Page 25: NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Calling Android API