Building native mobile apps with Angular 2.0 and NativeScript Sebastian Witalec

55 Pages·2017·1.14 MB·English

by  Redaktion Student 1

Web and Mobile Code Sharing with
Angular and NativeScript
@sebawita
Sebastian
Witalec
Developer Advocate
@Progress

@sebawita
NativeScript is…
an open source framework for building truly
native mobile apps with JavaScript. Use web
skills, like TypeScript, Angular, Vue and CSS,
and get native UI and performance on iOS and
Android.
“The goal”

🥅
Android iOS
Web
+ =
+ =
Architecture
Angular Architecture
Helping with code sharing
Data Binding
{{value}}
Template

< >
e
C
v [property] = “value”
i o
t
Property Event a m
Metadat
N
p
Binding a Binding o
\
m (event) = ”handler” n
e
Compone o n
D t

nt
[(ng-model)] =
{ }
“property”
Renderer

Renederer
Compone
Dom
createElement Element
nt
{ }
setElementPropert
y
attachViewAfter
Template
< > invokeElementMeth 🖥
od
…