Resilient Apps with Angular 2 @giorgionatili @giorgionatili // #mobiletea @giorgionatili • Engineering Lead (McGraw-Hill Education) • Community fellow since 2004 • Open source fanatic • Agenda • An Overview of Angular 2 • Handling the Offline Status • ServiceWorker API • ServiceWorker and Angular 2 • Redux and Angular 2 @giorgionatili // #mobiletea Angular 2 @giorgionatili // inheritance, strict data typing, private properties and methods, etc. • Angular Team choice for the new version of Angular (Microsoft and Google are now buddies!) @giorgionatili // #mobiletea

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 sits on top of JS Ref implementation for TC39 Observable proposal Only external dependency to Angular (2x) @ladyleet What is ? RxJS Push based primitive in JavaScript Domain specific language Observable proposal Easy to chain together complex interactions @ladyleet Only external dependency to Angular (2x) What is ? RxJS Authors Ben Lesh, RxJS5+ Matt Podwysocki, RxJS 4 @ladyleet RxJS

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 Rabouw - jfokus with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw 3/120 Rowdy Rabouw 4 Superhero movies 4 Formula One Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 4/120 Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw 5/120 Awesome Native Apps with NativeScript and Angular - Rowdy Rabouw - jfokus 2018 - @rowdyrabouw 6/120

Web and Mobile Code Sharing with Angular and NativeScript @sebawita Sebastian Witalec Developer Advocate @Progress @sebawita an open source framework for building truly native mobile mobile apps with JavaScript. Use web skills, like TypeScript, Angular, Vue and CSS, and get native UI and performance on iOS and Android. NativeScript is… “The goal” ? Android iOS Web + + = Architecture + = Angular Architecture Helping with code sharing Data Binding {{value}} [property] = “value” (event) = ”handler” [(ng-model)]

NativeScript Open-source framework for building truly native mobile apps with Angular, TypeScript or JavaScript. TJ VanToll ? @tjvantoll NativeScript is the best tool for cross-platform native app framework for building truly native mobile apps with JavaScript. Use web skills, like TypeScript, Angular and CSS, and get native UI and performance on iOS and Android. NativeScript is… NativeScript

API Wrapper API Wrapper API Wrapper API Wrapper • Plugins created with JS/TypeScript • Angular Support (or not ?) • 100% Day 0 API Access • Everything Runs on UI Thread* • Plugins created with with native code • React Support • API Access via Native Modules • UI Thread vs JS Thread • Angular/Vue/Vanilla vs React • Progress vs Facebook • Apache 2.0 vs BSD+ JavaScript-Driven Native • Share Share 80% code with web o Reuse popular plugins from NodeJS/iOS/Android o Integrates deeply with Angular and TypeScript The {N} difference… Demo available in the app stores Rich, animated, “no

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 Object Oriented Programming and basic knowledge on Android and iOS development, JavaScript and Angular. If you are a beginner to any of these concepts, we suggest you to go through tutorials related ...... 7 Workflow of Angular based NativeScript Application ..................................................................................... 8 4. NativeScript — Angular Application ..........

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! Agenda • Introduce {N} UI •https://github.com/telerik/nativescript-ui-samples •https://github.com/telerik/nativescript-ui-samples-angular Thanks! ? @tjvantoll

Plugins ? • Community ? • Apps ? Core ? Core ? • CLI updates ? • Webpack ? • Threading ⛓ • Angular ? LiveSync on multiple devices ?? tns run ios --watch tns run android --watch Run and watch ? • Samples for background execution are now available. • WebWorkers API coming soon Angular ? • Angular 2 final—Now 100% more a thing ? @next builds npm install -g nativescript@next Tooling

JSDO 5.0 ▪ ES6 Promises ▪ npm packages from npmjs.com: • @progress/jsdo-core • @progress/jsdo-angular • @progress/jsdo-nativescript • @progress/jsdo-node (Tech Preview) 8 © 2018 Progress Software https://www.nativescript.org/ui-for-nativescript • https://github.com/telerik/nativescript-ui-samples-angular ▪ Progress Community: • https://community.progress.com/community_groups/mobile/f/17 • https://community