nativescript - tj vantoll · 5 reasons to use nativescript •1) rich, animated native ui •2)...

44

NativeScript Open-source framework for building truly native mobile apps with Angular, TypeScript or JavaScript.

Upload: others

Post on 04-Jun-2020

15 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

Page 1: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScriptOpen-source framework for building truly native mobile appswith Angular, TypeScript or JavaScript.

Page 2: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

TJ VanToll🚀@tjvantoll

Page 3: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 4: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 5: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 6: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript is the best tool for cross-platform native app

development 🎉

Page 7: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Agenda• Slides!• ~20 minutes

• Coding!• ~30 minutes

• Questions!• Whatever time we have left

Page 8: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 9: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 10: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Me at PhoneGap Day 2014

Page 11: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

http://developer.telerik.com/featured/the-state-of-hybrid-mobile-development/

Page 12: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

“We are facing a slow touch reaction while scrolling”

“I've noticed very slow/jaggy/flickering scrolling on Android. The framerate is low, and the scroll effect is far from

smooth.”

“if there is solution to get native speed then i will be using app builder again otherwise will move to native”

“appbuilder only produces a bastard child of an app. slow, and tacky . Its just not a good idea at all. Having said that it is actually what i am using for my next app. This is because every other alternative is just as bad.”

Page 13: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 14: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 15: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

2013 2014 2015 2016 2017

Early prototypes

“Core” engineering

Public launch

Adoption ramp-up

Mass adoption

Project Timeline

Page 16: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

https://npm-stat.com/charts.html?package=nativescript&from=

2016-01-31&to=2017-01-31

Page 17: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

A free and open source 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…

Page 18: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript is the best tool for cross-platform native app

development 🎉

Page 19: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

5 reasons

Page 20: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Search for “Examples NativeScript”

in the iOS App Store or Google Play to try this out for yourself.

Rich, animated, “no compromise” native UI 🐎(with shared UI code)

1

Page 21: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Maximum code and skill reusability 🌮

2

Page 22: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

or or

Architecture Choices 🔧

Page 23: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Ease of doing native-y things 📷3

Page 24: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript modules

Page 25: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript modules for UIs

Page 26: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript Plugins Hub (plugins.nativescript.org)

Page 27: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Reuse existing native Android and iOS libraries

Page 28: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Vibrant and growing community 💖4

Page 29: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript community forum (forum.nativescript.org)

Page 30: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript community Slack channel

Page 31: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Supported by a major software company vested in your success ()

5

Page 32: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript offers enterprise support

Page 33: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

UI for NativeScript—premium UI components

Page 34: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Telerik Platform

Page 35: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

5 Reasons to use NativeScript

• 1) Rich, animated native UI• 2) Maximum code and skill reusability• 3) Ease of doing native-y things• 4) Vibrant and growing community• 5) Supported by a major software company

Page 36: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

NativeScript is the best tool for cross-platform native app

development 🎉

Page 37: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Demo! 🔥

Page 38: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 39: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 40: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Page 41: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

How many Pokémon are there?

801

Page 42: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Follow NativeScript!

twitter.com/nativescript

nativescript.org/nativescript-newsletter

Page 43: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Get Started

Page 44: NativeScript - TJ VanToll · 5 Reasons to use NativeScript •1) Rich, animated native UI •2) Maximum code and skill reusability •3) Ease of doing native-y things •4) Vibrant

Thanks! 😊@tjvantoll

NativeScript & Angular 2 - Entwicklertag · 2017-05-23 · NativeScript & Angular 2: Von der Web-App zur nativen Smartphone-App 31 UI und plattformunabhängiger Code teilen (Services,

Building native mobile apps with Angular 2.0 and ... · Building native mobile apps with Angular 2.0 and NativeScript You know Angular. Now you know mobile. Lohith G N Technical Evangelist

PUG Challenge 2016 - The nativescript pug app challenge

NativeScriptUI - TJ VanToll · NativeScriptUI •Docs •http ... Progress NativeScript Pro UI a suite of rich-UI components targeting the NativeScript platform. The controls are

Mobile App Development - 2018.universaljsday.com2018.universaljsday.com/download/nativescript-slides.pdf · Intel XDK Scenario Nativo Soluzioni cross - from web to native. Come scegliere?

Cross-Platform Next Level - nils-mehlhorn.de · 5 Native App All Device APIs Native App Web View Code JS, HTML, CSS Limited Device APIs NativeScript Runtime Code JS, XML, CSS

Scala Native Documentation - Scala Native — Scala Native

NativeScript - Open source framework for building truly native mobile apps with Angular, TypeScript or JavaScript

NativeScript: "write once, run anywhere mobile" com Javascript?

Nativescript with angular 2

NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular

Onafhankelijk tijdschrift voor de Java-professional …...Wat is NativeScript {N}? {N} is een open source framework (onder de Apache 2 licence) om native IOS en Android apps te bouwen

Game on! With Nativescript

What’s new with NativeScript! - TJ VanToll...Threading ⛓ • NativeScript = single threaded, by default 0 • Samples for background execution are now available. • WebWorkers

Introduction to NativeScript - BuildTruly Native Apps using JavaScript

AKA - GOTO Conference · NativeScript is… an open source framework for building truly native mobile apps with JavaScript. Use web skills, like TypeScript, Angular and CSS, and get

A Lap Around NativeScript - TJ VanToll · NativeScript Pull requests Issues Gist People Build awesome cross-platform native mobile apps with JavaScript & TypeScript http:]Ñ.ww.nativescript.org

Dart: I’m your Flutter Drost - Dart_ I'm your Flutter.pdf · Flutter Flutter is a new mobile app SDK to help developers and ... Flutter, ReasonML React Native, Nativescript Compile

Web$Components—$ What’s$the$Catch?$ - TJ VanToll · UIlibraries$are$seen$as$the$ideal$use$ case$for$web$components$

NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería

GAME ON! WITH NATIVESCRIPT JEN LOOPER | DEVREL @TELERIK @JENLOOPER

Progressive Perspective Mobile Cross-Platform Development ... · NativeScript App “Progressive” NativeScript App N N. Progressive Web Apps What makes the diﬀerence? ... Push

TJ VanToll · Agenda •Options for NativeScriptdevelopment •CLI •Sidekick •Connecting to backends •Kinvey •Working with plugins

Introducing NativeScript - TJ VanToll · Invoking native APIs • V8/JavaScriptCore have C++ callbacks for JS function calls and property accesses. • The NativeScript runtime uses

Nativescript - Basic intro

On Fire NativeScript - nils-mehlhorn.de · NativeScript N App code Hooks NativeScript Runtime System calls native API accesses native objects Dispatcher Button button = new Button(getApplicationContext());

NativeScript& Angular 2 - TJ VanToll · Search for “Examples NativeScript” in the iOS App Store or Google Play to try this out for yourself. Rich, animated, “no compromise”

Web and Mobile Code Sharing with Angular and NativeScript · > tns extension install nativescript-angular-cli > tns generate shared-component name > tns g sc name > tns generate shared-module

A Lap Around NativeScript - TJ VanToll · Invoking native APIs • V8/JavaScriptCore have C++ callbacks for JS function calls and property accesses. • The NativeScript runtime uses

Introducing NativeScript [Pavel Kolev Software Developer @ Telerik: a Progress company]

NativeScript App - R. Brian Redd.com · 2018-06-15 · Final Report, RepairIT Shop Repair Manager NativeScript App 1 Final Report, RepairIT Shop Repair Manager NativeScript App R

NativeScript · NativeScript framework and finally conclude with developing all type of web and mobile apps. Audience This tutorial is prepared for professionals who are aspiring

React Native Learn once, write anywherePhoneGap Xamarin NativeScript WebView C# -> ObjC / Java JS/CSS XML/JS/ CSS? React-Native ES6+ JSX FlexBox -> Yoga Babel Polyfills ES 2015 Common

DataDirect Connect® Series for ODBC User's Guide · ThanExpected,Icenium,KendoUI,MakingSoftwareWorkTogether,NativeScript,OpenEdge, PoweredbyProgress,Progress ... ProgressRFID,Progress

Angular 2 & nativescript… chau híbrido