native script by sebastian witalec

27
Introducing NativeScript

Upload: simone-basso

Post on 17-Jul-2015

453 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Native Script by Sebastian Witalec

Introducing

NativeScript

Page 2: Native Script by Sebastian Witalec

Now presenting – Sebastian Witalec

•Solution Engineer and Technical

Evangelist for Telerik

•Working with the Dev community in

London:

–International Developers

–Software Architecture & Mentorship

–NativeScript Insiders London (soon)

Page 3: Native Script by Sebastian Witalec

THE INTRODUCTION TO

Page 4: Native Script by Sebastian Witalec

DEMO

Page 5: Native Script by Sebastian Witalec
Page 6: Native Script by Sebastian Witalec
Page 7: Native Script by Sebastian Witalec
Page 8: Native Script by Sebastian Witalec
Page 9: Native Script by Sebastian Witalec
Page 10: Native Script by Sebastian Witalec

Calling Android API

var file = new java.io.File(path);V8 JavaScript Engine

Page 11: Native Script by Sebastian Witalec

Native

Android

Calling Android API

var file = new java.io.File(path);V8 JavaScript Engine

Marshalling Service java.lang.String

Page 12: Native Script by Sebastian Witalec

Native

Android

Calling Android API

var file = new java.io.File(path);V8 JavaScript Engine

Marshalling Service

Binding

java.lang.String

java.io.File()

Page 13: Native Script by Sebastian Witalec

Native

Android

Calling Android API

var file = new java.io.File(path);V8 JavaScript Engine

Marshalling Service

Binding

java.lang.String

java.io.File()

Call Dispatcher java.io.File

file = FileProxy

Page 14: Native Script by Sebastian Witalec

Native Script Modules Layer

NSM Layer(JavaScript) UI Abstraction

File System

AbstractionDevice sensors Local Storage

Push NotificationsLaunchers,

Choosers

Localization,

GlobalizationsOther…

Runtime

Native UI

ComponentsJavaScriptRunning on VM

User InteractionHandled by Native platform

Hardware AccessHandled by Native platform

Native iOS application Native Android application Native WP application

Page 15: Native Script by Sebastian Witalec

At runtime, executed on the JS engine.

In Cross platform abstraction

On Android

var file = new File(path);Cross-platform

Cross-platform API

File file = new java.io.File(path);

On iOS

NSFileManager.defaultManager();

fileManager.createFileAtPathContentsAttributes(path);

Page 16: Native Script by Sebastian Witalec

Performance

Page 17: Native Script by Sebastian Witalec

Styling

Page 18: Native Script by Sebastian Witalec

Supported Selectors

• .button { … }Type selector

• ..my-class { ... }Class selector

• .#login-button { ... }ID selector

• .button:pressed { ... }Pseudo-classes selector

Page 19: Native Script by Sebastian Witalec

Supported Styles

• .button { color: blue }color

• ..my-class { width: 100; height: 25; }width/height

• .#login-button { font-size: 20 }font-size

• ...c-label { vertical-align: center }vertical-align

• ..t-label { opacity: 0.8 }opacity

Page 20: Native Script by Sebastian Witalec

Open Source

Page 21: Native Script by Sebastian Witalec

Current state

• Private preview – still no public access

• iOS and Android only

• Feature freeze until the beta - stabilizing the framework, catching

up on documentation

• [major problem] No debugging

Page 22: Native Script by Sebastian Witalec

0.42 release in January

• Better getting started documentation

• Tooling for using 3rd party native libraries

• Better AppBuilder companion apps – barCode integration and error

reports

• Code stabilization

• [major problem] Still no debugging.

Page 23: Native Script by Sebastian Witalec

Public Beta in February

• Open source the code on GitHub

• Public access

• Windows Universal support – preview version

• Much better documentation and help articles

• Debugging support inside AppBuilder

• Integration with Telerik platform and its services

Page 24: Native Script by Sebastian Witalec

V1 in May

• Stabilizing the code

• Windows Universal support – Beta version

• Add missing features

–Localization

–More cross-platform abstractions

• Bluetooth,

• accelerometer,

• and more ..

Page 25: Native Script by Sebastian Witalec

vNext

• Continue adding missing features

• More cross-platform abstractions

• Integration with popular JavaScript libraries that depend on

browser

• 3rd party Plugins marketplace

Page 26: Native Script by Sebastian Witalec

Get involved

The insiders groupwww.telerik.com/nativescript-insiders-signup

London based meetupwww.meetup.com/NativeScript-London

Contact:[email protected]

Page 27: Native Script by Sebastian Witalec

Questions