Introducing Native Script Burke Holland burkeholland Introducing Native

  • Slides: 29
Download presentation
Introducing Native. Script Burke Holland @burkeholland

Introducing Native. Script Burke Holland @burkeholland

Introducing Native. Script All Of Your Java. Script Are Belong To Us

Introducing Native. Script All Of Your Java. Script Are Belong To Us

From: Merrill Turner Date: Tuesday, March 3, 2015 at 2: 28 PM To: Burke

From: Merrill Turner Date: Tuesday, March 3, 2015 at 2: 28 PM To: Burke Holland Subject: Session title for Fluent Hi On http: //fluentconf. com/javascript-html-2015/public/schedule/detail/39009 Your session title is shown as Introducing Native. Script - All Of Your Java. Script Are Belong To Us Is that correct? It sounds grammatically incorrect, but it could just be a tech thing that I don’t know.

Introducing Native. Script Burke Holland @burkeholland

Introducing Native. Script Burke Holland @burkeholland

What Is A simple, clean and modern way to build cross platform native mobile

What Is A simple, clean and modern way to build cross platform native mobile applications with the best possible user experience provided by the native OS.

SIMPLE, CLEAN and MODERN

SIMPLE, CLEAN and MODERN

SIMPLE < />

SIMPLE < />

“Any damn fool could produce a better data format than XML. ” - James

“Any damn fool could produce a better data format than XML. ” - James Clark

“XML is like violence. If it doesn’t solve your problem, you aren’t using enough

“XML is like violence. If it doesn’t solve your problem, you aren’t using enough of it. ” - Unknown

“Everyone has a plan until they get punched in the face. ” - Mike

“Everyone has a plan until they get punched in the face. ” - Mike Tyson

Rich Data-Binding MODERN <Image source="{thumbnail. Image. Source}" width="72" height="72" vertical. Alignment="top"/> <Label text="{{ num_comments

Rich Data-Binding MODERN <Image source="{thumbnail. Image. Source}" width="72" height="72" vertical. Alignment="top"/> <Label text="{{ num_comments ? num_comments + ' comments' : '' }" /> Use data binding in markup. Powerful data binding syntax engine using Polymer expressions.

It’s Just Common. JS Require Modules var http. Module = require('http'); CLEAN Export Objects

It’s Just Common. JS Require Modules var http. Module = require('http'); CLEAN Export Objects and Functions module. exports = { … }

Standards Based CSS. author { font-size: 14; } CLEAN . comments { color: #10

Standards Based CSS. author { font-size: 14; } CLEAN . comments { color: #10 C 2 B 0; font-size: 14; }. gridpanel { background-color: #363940; }

ECMAScript 5 MODERN ECMAScript 6 coming soon! (Or ES 2015 for you hipsters)

ECMAScript 5 MODERN ECMAScript 6 coming soon! (Or ES 2015 for you hipsters)

Type. Script support MODERN Type. Script is well suited for writing complex Java. Script

Type. Script support MODERN Type. Script is well suited for writing complex Java. Script applications

How Does Work?

How Does Work?

MODERN Use any NPM Lib without a browser dependency

MODERN Use any NPM Lib without a browser dependency

100% Access to Native Platform APIs MODERN Color. prototype. _argb. From. String = function

100% Access to Native Platform APIs MODERN Color. prototype. _argb. From. String = function (hex) { return android. graphics. Color. parse. Color(hex); }; All native features at your fingertips. No plugins required.

How Do I Get ? > npm install –g nativescript

How Do I Get ? > npm install –g nativescript

Any IDE EASY Use your favorite IDE to build applications using the provided CLI

Any IDE EASY Use your favorite IDE to build applications using the provided CLI tools.

http: //www. nativescript. org Git. Hub Repo, API Reference, Getting Started Guides, Sample Code

http: //www. nativescript. org Git. Hub Repo, API Reference, Getting Started Guides, Sample Code

!= Native. Script is NOT Phone. Gap. There is no DOM.

!= Native. Script is NOT Phone. Gap. There is no DOM.

No DOM Quiz window $(“#some-element”) alert(“What do you get when you cross a joke

No DOM Quiz window $(“#some-element”) alert(“What do you get when you cross a joke with a rhetorical question? ”); Methods like alert and console are proxied to their native equivalents

Why ?

Why ?

http: //www. nativescript. org Git. Hub Repo, API Reference, Getting Started Guides, Sample Code

http: //www. nativescript. org Git. Hub Repo, API Reference, Getting Started Guides, Sample Code