NativeScript Overview

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

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

1

Backpacks!

Jen Looper@jenlooper

TJ VanToll@tjvantoll

AgendaWhat is NativeScript?~30 minutesInstallation?~10 minutesHands-on guide~1 hourFinal Q&A~10 minutes

Created and supported by Telerik

I mention this because, in todays world, where 10 JavaScript frameworks have been created since I started this presentation, that its important to pick an innovative and stable options5

Delivering on the overdue promise of hybrid.

Hybrid Promise100% Web100% NativeHybridReachCode/Skill ReuseRichnessPremium experienceDevice APIsBest of both?

20132014201520162017Early prototypesCore engineeringPublic launchAdoption ramp-upMass 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 NativeScriptin 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 reusability2Video credit: Nathan Walker, {N} community member

Npm, CocoaPods, Android Arsenal13

First-class Angular and TypeScript support3

+=

AndroidiOSWeb

Jen

100% access to Android and iOS APIs4

Npm, CocoaPods, Android Arsenal16

Runs on V8 JavaScript VMRuns on JavaScriptCore VM

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

18

Example: NativeScript file module

The same approach works for the UI

NativeScript ModulesThere are a lot

Carlos Rubio@crubio_zgz

Our vision

Flexible TeamsCode ReuseReduce development cyclesEasier to add new channelsSimplify MaintenanceUnified User ExperienceBenefits

23

How we started?

Angular CampJanuary 2016NativeScript 1.5

Why to use NativeScript vs Webview?

We picked two main reasonsMarch 2016NativeScript 1.7

25

Our first business focused appEasy Trading concept App for our Digital Banking LaboratoryMay 2016Nativescript 2.0

26

Join the growing NativeScript community on Slack

bit.ly/nativescript-slack

{Hands on}

Hands-on workshopVisit https://www.nativescript.org/ and click Get Started.

https://twitter.com/nativescript