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

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

Embed Size (px)

Citation preview

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