NativeScript& Angular 2 - TJ VanToll · Search for “Examples NativeScript” in the iOS App Store...

Post on 22-May-2020

11 views 0 download

Transcript of NativeScript& Angular 2 - TJ VanToll · Search for “Examples NativeScript” in the iOS App Store...

NativeScript & Angular 2You know Angular. Now you know mobile.

Start your installation at http://docs.nativescript.org/tutorial/chapter-1

Jen Looper@jenlooper

TJ VanToll@tjvantoll

Agenda• What is NativeScript?

• ~30 minutes

• Installation?• ~10 minutes

• Hands-on guide• ~1 hour

• Final Q&A• ~10 minutes

Created and supported by Telerik

Delivering on the overdue promise of

“hybrid.”

Hybrid Promise

100% Web

100% NativeHybrid

ReachCode/Skill Reuse

RichnessPremium experience

Device APIs

Best of both?

2013 2014 2015 2016 2017

Early prototypes

“Core” engineering

Public launch

Adoption ramp-up

Mass adoption

Project Timeline

an open source framework for building truly native mobile apps with JavaScript. Use web skills, like TypeScript, Angular and CSS, and get native UI and performance on iOS and Android.

NativeScript is…

The {N} difference…

Search for “Examples NativeScript”

in the iOS App Store or Google Play to try this out for yourself.

Rich, animated, “no compromise” native UI(with shared UI code)

1

Maximum code and skill reusability

2

Video credit: Nathan Walker, {N} community member

First-class Angular and TypeScript support3

+ =

Android iOS

Web

100% access to Android and iOS APIs

4

Runs on V8 JavaScript VM

Runs on JavaScriptCore VM

More details at http://bit.ly/how-nativescript-works

Example: NativeScript file module

The same approach works for the UI

NativeScript Modules—There are a lot

Carlos Rubio@crubio_zgz

Our vision Flexible Teams

Code Reuse

Reducedevelopmentcycles

Easier to addnew channels

SimplifyMaintenance

Unified UserExperience

Benefits

How we started?

Angular Camp

January 2016NativeScript 1.5

Why to use NativeScript vs Webview?

We picked two main reasons

March 2016NativeScript 1.7

Our first business focused appEasy Trading concept App for our Digital Banking Laboratory

May 2016Nativescript 2.0

Join the growing NativeScript

community on Slack

bit.ly/nativescript-slack

{Hands on}

Hands-on workshop• Visit https://www.nativescript.org/ and click Get

Started.

https://twitter.com/nativescript