Introducing NativeScript TJ VanToll | @tjvantoll nativescript.org NativeScript Timeline • 0.9 • Public Beta • March 5th, 2015 • 1.0 • Go-live license • Windows Phone support • May 2015 2015 What is NativeScript? • A runtime for building and running native iOS, Android, and Windows Phone apps with a single, JavaScript code base • Bridge • No DOM • No cross compilation != = != NativeScript Android example Output: NativeScript iOS example How does this work? NativeScript and JS VMs • NativeScript runs JavaScript on a JavaScript VM • JavaScriptCore on iOS

NativeScript i NativeScript ii About the Tutorial NativeScript is an open source framework for creating native iOS and Android apps in Angular, TypeScript, or JavaScript Progress Telerik. NativeScript allows you to build web and mobile apps from a single code-base. This tutorial walks through the basics of NativeScript framework, installation of NativeScript CLI, setting setting up Android Studio and iOS to develop NativeScript based application, architecture of NativeScript framework and finally conclude with developing all type of web and mobile apps. Audience This tutorial

NativeScript UI ? ? ? TJ VanToll ? @tjvantoll Agenda • Introduce {N} UI • Demo ? • Raucous applause ?? What is {N} UI? • A NativeScript plugin • 7 UI components • Supports Angular Good Morning America 2011. NativeScript UI • Docs •http:// docs.telerik.com/devtools/nativescript-ui/introduction • Samples •https://github.com/telerik/nativescript-ui-samples •https://github. com/telerik/nativescript-ui-samples-angular Thanks! ? @tjvantoll

NativeScript Tooling NativeScript Tooling Sebastian Witalec Developer Advocate @SebaWita Rob Lauer Sr Manager, Developer Relations @RobLauer What can we cover today? Visual Tooling for {N} NativeScript CLI DEMO Sidekick for Visual Studio {N} Tooling Resources • NativeScript CLI @ docs.nativescript.org • Marketplace @ market.nativescript.org • Playground @ play.nativescript.org • • Sidekick @ nativescript.org/nativescript- sidekick • Theme Builder @ nativescriptthemebuilder.com

NativeScript 101 NativeScript 101 Rob Lauer @RobLauer Senior Manager, Developer Relations What can we cover today? oRise of "JavaScript-driven Native" oIntro to NativeScript oNativeScript core concepts concepts o“Hello World” oExtending with plugins oDebugging JavaScript Why are we here? How did NativeScript come to be? Swift/Obj-C Java .NET We ❤ Web. But… We need: • Better offline support • Access device APIs • Immediate access to new OS features ? Fast to market ? Best experience Intro to NativeScript What is it? How does it work? 2013 2014 2015 2016 2017 Early prototype s “Core” engineerin

Official NativeScript Plugin Seed

The Power of RxJS In NativeScript + Angular What is ? Push based primitive in JavaScript @ladyleet RxJS Push based primitive in JavaScript Ref implementation for TC39 Observable proposal LEE | @ladyleet SPEAKER & GOOGLE DEVELOPER EXPERT DEV - ANGULAR, REACT, RXJS, REACT NATIVE, NATIVESCRIPT TECH WRITER & PODCASTER THIS DOT LABS & THIS DOT MEDIA MENTOR @ladyleet Learning RxJS Be @ladyleet Setting up the App Using NativeScript + Angular @ladyleet $ tns create - -ng $ tns run ios Scaffold a NativeScript App with NativeScript CLI @ladyleet Create a Pun Component

Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw 1/120 AWESOME NATIVE APPS WITH NATIVESCRIPT AND ANGULAR! Awesome Native Apps with NativeScript and Angular - Rowdy App 4 Progress Developer Expert for Nativescript 4 Organizer NativeScript Developer Day Europe 4 Curator nativescript.nl Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 movies 4 Formula One Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw 4/120 Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw

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 ? • CLI updates 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 builds npm install -g nativescript@next Tooling ? Tooling ? • Theme ? • Code Samples ? • UI for NativeScript ??? • Telerik Platform ? Theme ? Code Samples ? UI for NativeScript ??? • We already have

Beautiful Native Mobile Apps with NativeScript and OpenEdge Edsel Garcia OpenEdge Development Team May 2018 2 © 2018 Progress Software Corporation and/or its subsidiaries or affiliates. All rights Service Architecture Swift, Java, TS, NodeJS Tomcat Web Server REST/ HTTP? UI Logic JSDO NativeScript CSS TypeScript DataSource 5 © 2018 Progress Software Corporation and/or its subsidiaries or npm packages from npmjs.com: • @progress/jsdo-core • @progress/jsdo-angular • @progress/jsdo-nativescript • @progress/jsdo-node (Tech Preview) 8 © 2018 Progress Software Corporation and/or its subsidiaries