Our ng-conf workshop on NativeScript & Angular 2. Learn more at https://www.nativescript.org/angular.

1. NativeScript & Angular 2
You know Angular. Now you know mobile.
Start your installation at
http://docs.nativescript.org/
tutorial/chapter-1

2. Backpacks!

3. Jen Looper
@jenlooper
TJ VanToll
@tjvantoll

4. Agenda
• What is NativeScript?
• ~30 minutes
• Installation?
• ~10 minutes
• Hands-on guide
• ~1 hour
• Final Q&A
• ~10 minutes

5. Created and supported by Telerik

6. Delivering on the
overdue promise of
“hybrid.”

7. Hybrid Promise
100%
Web
100%
Native
Hybrid
Reach
Code/Skill Reuse
Richness
Premium experience
Device APIs
Best of both?

9. 2013 2014 2015 2016 2017
Early
prototypes
“Core”
engineering
Public
launch
Adoption
ramp-up
Mass
adoption
Project Timeline

10. an 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…

11. The {N} difference…

12. 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

13. Maximum code
and skill
reusability
2
Video credit: Nathan Walker, {N} community member

14. First-class Angular and TypeScript support3
+ =

15. Android iOS
Web

16. 100% access to
Android and
iOS APIs
4

17. Runs on V8 JavaScript VM
Runs on JavaScriptCore VM
More details at http://bit.ly/how-nativescript-works

19. Example: NativeScript file module

20. The same approach works for the UI

21. NativeScript Modules—There are a lot

22. Carlos Rubio
@crubio_zgz

23. Our vision Flexible Team
s
Code Reus
e
Reduce
development
cycles
Easier to add
new channels
Simplify
Maintenance
Unified User
Experience
Benefits

24. How we started?
Angular Camp
January 2016
NativeScript 1.
5

25. Why to use NativeScript vs Webview?
We picked two main reasons
March 2016
NativeScript 1.7

26. Our first business focused app
Easy Trading concept App for our
Digital Banking Laboratory
May 2016
Nativescript 2.0

27. Join the growing
NativeScript
community on Slack
bit.ly/nativescript-slack

28. {Hands on}

29. Hands-on workshop
• Visit https://www.nativescript.org/ and click Get
Started.

30. https://twitter.com/nativescript