## Introducing NativeScript TJ VanToll | @tjvantoll ### nativescript.org N NativeScript ## Build truly native apps with JavaScript Develop iOS, Android and Windows Phone apps from a single code base STARTED VIEW IN GITHUB ## NativeScript Timeline • 0.9 • Public Beta • March 5^{th}, 2015 • 1.0 • Go-live license • Windows Phone support • May 2015 ## What is NativeScript? • A runtime for building \begin{array}{l} \text{N} \\ \hline \end{array} !=\quad\text{X} $$ • No cross compilation ## NativeScript Android example var time = new android.text.format.Time(); time.set(1, 0, 2015); console.log(time

NativeScript iOS Runtime JavaScriptCore Call Native APIs # tutorialspoint SIMPLY EASY LEARNING www.tutorialspoint.com  the Tutorial NativeScript is an open source framework for creating native iOS and Android apps in Angular, TypeScript, or JavaScript. It was developed by Progress Telerik. NativeScript allows you to build through the basics of NativeScript framework, installation of NativeScript CLI, setting up Android Studio and iOS to develop NativeScript based application, architecture of NativeScript framework and finally

## NativeScript UI 100% ## TJ VanToll ☐ @tjvantoll Progress $ ^{®} $  ## Agenda • Introduce {N} UI • Demo □ Raucous Raucous applause □□ ## What is {N} UI? • A NativeScript plugin • 7 UI components • Supports Angular and non-Angular usage. • Used to have free and paid tiers—now all free! npm Enterprise features pricing find packages ## ★ nativescript-pro-ui public ## Welcome to Progress NativeScript UI Pro Progress NativeScript Pro UI a suite of rich-UI components targeting the NativeScript platform. The controls

## NativeScript Tooling ## NativeScript Tooling  Rob Lauer Sr Manager, Developer Relations @RobLauer  NativeScript CLI ## DEMO ## Sidekick for Visual Studio New Project Recent Sort by: Default ☐ ☐ ☐ ? × Drawer Navigation (JavaScript) NativeScript Type: NativeScript NativeScript Tab Navigation (JavaScript) Simple template with Drawer navigation for Vanilla NativeScript apps using JavaScript Online

## NativeScript 101 ## NativeScript 101 ## Rob Lauer @RobLauer Senior Manager, Developer Relations Progress $ ^{®} $ ## What can we cover today? 0 Rise of "JavaScript-driven Native" 0 Intro Intro to NativeScript O NativeScript core concepts 0“Hello World” 0 Extending with plugins 0 Debugging JavaScript ## Why are we here? How did NativeScript come to be? #### Category | Description Product (Your app code runs here) ## N ## JavaScript-Driven Native ## N React Native (by Facebook) NativeScript (by Progress) Weex FuseTools ![Image](/uploads/documents/d/9/3/3/d933235dc094296d3524a01c19342f25/p17_1

## The Power of RxJS N A In NativeScript + Angular ## What is RxJS? Push based primitive in JavaScript ## What is RxJS? Push based primitive in JavaScript Ref implementation for TC39 Observable proposal | @ladyleet SPEAKER & GOOGLE DEVELOPER EXPERT DEV - ANGULAR, REACT, RXJS, REACT NATIVE, NATIVESCRIPT THIS DOT LABS & THIS DOT MEDIA TECH WRITER & PODCASTER MENTOR  ## Scaffold a NativeScript App with NativeScript CLI $ tns create

Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw ## AWESOME NATIVE APPS WITH NATIVESCRIPT AND ANGULAR! ## Rowdy Rabouw Freelance web and app developer → Lead Developer Expert for Nativescript Organizer NativeScript Developer Day Europe Curator nativescript.nl Rowdy Rabouw ## → Superhero movies Formula One Awesome Native Apps with NativeScript and Angular – Rowdy Q ## NativeScript   ## NativeScript → Open

## What's new with NativeScript! □ 2.3 is ready to rock! ## ☐ TJ and Jen ☐ @tjvantoll @jenlooper ## What's new in • Core ☐ • Tooling □ • Plugins □ • Community □ • Apps □ ## Core □ Core □ I t makes a difference tns build android --bundle ~35% reduction in app size ## Threading • NativeScript = single threaded, by default ☐ • Samples for background execution are now available. • WebWorkers final—Now 100% more a thing ☐ ## @next builds npm install -g nativescript@next "nativescript": { "id": "org.nativescript.foo", "tns-ios": { "version":

## Progress $ ^{®} $ NEXT 2018 ## Beautiful Native Mobile Apps with NativeScript and OpenEdge Edsel Garcia OpenEdge Development Team May 2018  NativeScript ## OpenEdge Data Service Architecture ## OpenEdge Data Service Architecture  NativeScript http:// npm packages from npmjs.com: • @progress/jsdo-core • @progress/jsdo-angular • @progress/jsdo-nativescript • @progress/jsdo-node (Tech Preview) ## JSDO CRUD + Invoke • add() (CREATE) fill() (READ)