NATIVE Mobile Apps with

NativeScript

Emil Öberg, IHello, am notI’ma developer! I am not a developer.

monator.com github.com/emiloberg twitter.com/emiloberg

Native-Native CROSS compiled WEB BASED JAVASCRIPT RUNTIME

NATIVE NATIVE

Java Objective C Swift

CROSS compiled

C♯ → CIL

WEB BASED

WEB BASED

WEB BASED

WEB BASED

WEB BASED

HTML + CSS + JS No more, no less

JAVASCRIPT RUNTIME

1. You Write JS 2. JS runs in VM 3. API CALLS are DISPATCHED TO JAVA/ OBJECTIVE c API's 4. iOS/Android do 
 what's asked

PLZ give tab bar iOS old iOS 8 Android old Android 5

NO DOM

THE SUSPECTS

Appcelerator Titanium

Facebook React Native

Telerik NativeScript

Why not native?

Not 100% code reuse Learn once, write anywhere Must learn new things emerging technologies

Why native?

Performance look and feel Access full device

Skill

reuse

Standards-based JavaScript & CSS

CODE reuse

NPM Modules & 3rd-party iOS/Android Libraries

EASY

API

Full and direct access to iOS/Android API

API WRAPPER

NO WRAPPER!

NOT IMPLEMENTED? New ANDROID/iOS? New Apple Watch/TV? NO PROBLEMS!

OPEN

SOURCE

Android

iOS

var time = new android.text.format.Time();
 time.set(1, 0, 2015);
 console.log(time.format('%D'));

var alert = new UIAlertView();
 alert.message = 'Hello UppsalaJS';
 alert.addButtonWithTitle('Ok');
 alert.show();

var alert = new UIAlertView();
 alert.message = 'Hello UppsalaJS';
 alert.addButtonWithTitle('Ok');
 alert.show();

MODULES var dialogs = require("ui/dialogs");
 dialogs.alert("Your message").then(function() {
 console.log("Dialog closed!");
 });

MODULES Lots of NATIVESCRIPT PROVIDED modules Modules available on NPM Easy to write

LET'S GET KICKING

1

www.nativescript.org

2

npm install -g nativescript

3

Android JDK, Apache Ant, Android SDK iOS Xcode, Xcode CLI tools, iOS SDK

LET'S GET CODING!

RESOURCES THIS DEMO Web Group GitHub Twitter

https://github.com/emiloberg/Uppsala.jsNativeScript-demo http://www.nativescript.org http://groups.google.com/d/forum/nativescript http://github.com/NativeScript/NativeScript/issues @NativeScript

monator.com github.com/emiloberg twitter.com/emiloberg

web based - GitHub

I am nota developer! Hello, I'm Emil Öberg,. I am not a developer. ... Page 6 ... iOS old. iOS 8. Android old. Android 5. PLZ give tab bar ...

11MB Sizes 3 Downloads 314 Views

Recommend Documents

Programming Mobile Web - GitHub
Wordpress. Theme. Plugin. Joomla. Theme. Add on. Drupal. Module. Theme. More … Forum. Vanilla. esoTalk. Phpbb. More … More … Web server. Apache.

Physics-based basis functions - GitHub
effect of element mutual coupling on both signal and noise response of the .... evlamemo69.pdf ..... {10o, 20o, 30o, 40o, 50o}, which give rise to a rank-five voltage covariance matrix. ... An illustration of two sets of CBFPs for modeling the.

HOW TO WEB DEV - GitHub
What devices will the application run on? • Will my application need a ... Java. Code. Java. Compiler. Android. App ... HTML is not a programming language.

Confusion Network Based System Combination for ... - GitHub
segmentation is not the best word segmentation for SMT,. ➢P-C Chang, et al. optimized ... 巴基斯坦说死不投诚. ➢ 巴基斯坦说死于投诚. 5. ' ' ' ( | ). ( | ) (1 ). ( | ) j i sem j i sur ... the output into words by different CWS too

Macro-based type providers in Scala - GitHub
Apr 5, 2014 - dc.title ->- "Frankenstein Draft Notebook B" ... We'll be using the W3C's Banana RDF library throughout: . 9 ...

Exploitation on ARM-based Systems - Troopers18 - GitHub
Mar 12, 2018 - Sascha Schirra. Ralf Schaefer. • Independent Security. Consultant. • Reverse engineering. • Exploit development. • Mobile application security. • Embedded systems. • Twitter: @s4sh_s. • Security Analyst ...... Ask the Ker

McLab tools on the web - GitHub
highlighting. ➔ Message terminal. ➔ API for code highlighting using analysis results ... React.js. UI library built by Facebook https://facebook.github.io/react/ ...

A Snapshot of the OWL Web - GitHub
OWL ontologies are used across a wide spectrum of domains, ranging from chemistry to bio-health ..... File name and file size patterns First, a random sample of 100 ontologies was repeatedly drawn from ... to be largely cluster-free. In order to ...

Web Interface Integrating Jeopardy Database - GitHub
Page 1. Web Interface Integrating Jeopardy Database. School of Information, The University of Texas at Austin. Anuparna Banerjee, Lindsay Woodward, Kerry Sim. ○

Manhattan: ggplot2-based Manhattan plots - GitHub
Dec 15, 2017 - The x-axis of a Manhattan plot is the genomic position, and the y-axis is usually the ≠log10(P-value). (although other sensible metric can be used as well). There are many packages for making Manhattan plots, but most of them are not

McLab tools on the web - GitHub
Jan 6, 2016 - tools developed under the McLab project. This application is explicitly .... library developed by Facebook[5], and the Flux architecture pattern that complements React's composable. 4 ... Another option is to instead of selectively chan

Cybercrime in the Deep Web - GitHub
May 14, 2016 - We are based on anarchistic control so nobody haz power certainly not power over the servers or. * - domains who ever says that this or that person haz power here, are trolls and mostly agents of factions. * - that haz butthurt about t

Ontology-Based Data Access with Ontop - GitHub
Benjamin Cogrel (Free University of Bozen-Bolzano). OBDA/Ontop. 22/04/2016. (1/40) .... Users: domain experts. ∼ 900 geologists et geophysicists ... Exploitation and Production Data Store: ∼ 1500 tables (100s GB). Norwegian Petroleum ...

Component-based game object system - GitHub
3.7.2 Can we reuse game object types, or their behaviors, in new games? . 7. 3.7.3 Is it easy to ...... gameprogrammingpatterns.com/component.html. [16] Pie21.

Understanding MapReduce-based Next-Generation ... - GitHub
solutions leveraging algorithmic advances, tools and services, and .... Figure 1: PMR architecture and the workflow for a MapReduce task: The compute and data units are basic blocks of scheduling in Pilot abstractions ... network resources.

restauraurant recommendation system based on collborative ... - GitHub
representations of content describing an item to representations of content that interest the user pairs (Melville, 2010). Music Recommendation systems in use web content-based filtering. The increase in multimedia data creates difficulty in searchin

Location-Based-Service Roaming based on Web ...
1. Introduction. In various Add-On services, Location Based. Services (LBS) are services based on the ... network-based approach and handset-based approach.

Learn to Write the Realtime Web - GitHub
multiplayer game demo to show offto the company again in another tech talk. ... the native web server I showed, but comes with a lot of powerful features .... bar(10); bar has access to x local argument variable, tmp locally declared variable ..... T

Entity Recommendations in Web Search - GitHub
These queries name an entity by one of its names and might contain additional .... Our ontology was developed over 2 years by the Ya- ... It consists of 250 classes of entities ..... The trade-off between coverage and CTR is important as these ...

Security Testing of Web Applications - GitHub
Agenda. Security Testing, Web Application, and Web Security Testing ... A3: Broken Authentication and Session Management ... (distributed denial-of-service) ...

2009_IJWA_Draft_An Interactive Web-based System for Urban ...
2009_IJWA_Draft_An Interactive Web-based System for Urban Traffic Data Analysis.pdf. 2009_IJWA_Draft_An Interactive Web-based System for Urban Traffic ...

Web Based technology and Multimedia applications.pdf ...
(f) UTF-16 is an encoding of : (i) ASCII. UNICODE. (iii) EBCDIC. (iv) XML. (g) To insert a single line break in a HTML. document , you need to use tag. (i) .