Introduction to NativeScript - BuildTruly Native Apps using JavaScript
•Download as PPTX, PDF•
4 likes•2,850 views
Slide deck used for my webinar titled "Introduction to NativeScript - Build Truly Native Apps using javaScript" - Apr 30 2015
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Similar to Introduction to NativeScript - BuildTruly Native Apps using JavaScript (20)
More from Lohith Goudagere Nagaraj
More from Lohith Goudagere Nagaraj (20)
Recently uploaded
Recently uploaded (20)
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
- 2. About Me • Lohith G N • Tech Evangelist • Microsoft MVP • Lohith.Nagaraj@Telerik.com • @kashyapa • www.Telerik.com • www.telerikhelper.net • www.kashyapas.com
- 3. You are a hybrid app developer and want to create truly native apps?
- 4. You are a native app developer But Want to expand scope to Platforms
- 5. You are a Web Developer and Want to use your existing skills for Mobile Development
- 7. What is NativeScript? A runtime for building and running native iOS, Android, and Windows Phone apps with a single, JavaScript code base
- 8. • Bridge
- 9. • No DOM • No cross compilation != !=
- 10. Why NativeScript ? • Its Open Source • Free of Charge • Available to anyone on GitHub (https://github.com/NativeScript/) • Easy • Code with JavaScript, Style with CSS • Create True Native Experience • Powerful • X-Platform UI Abstractions • Shared Busines Logic & Data Models • Third Party Native Libraries
- 11. 100 % Access to Native Platform API
- 12. Standards Based – ECMAScript5 + JS + CSS
- 13. 100% Shared Code
- 15. How does it Work ?
- 17. TNS file module
- 19. How to Get Started ?
- 20. Two ways to use NativeScript 1) 2)
- 21. • Backend-as-a-service • Push notifications, cloud data, file storage, and more • Analytics • AppBuilder • Cloud builds (build iOS apps on Windows, Windows Phone apps on a Mac) • NativeScript debugging and tooling • Automated app testing • And more! http://telerik.com/platform
- 22. NativeScript CLI • Free and open source • https://github.com/nativescript/nativescript-cli
- 23. NativeScript CLI requirements • https://github.com/nativescript/nativescript- cli#system-requirements • Xcode, Xcode CLI tools, iOS SDK • ios-sim npm package • JDK, Apache Ant, Android SDK
- 24. Starting a new project
- 25. Running on iOS
- 28. app.js
- 29. Pages • XML markup structure • Elements (e.g. <Page>, <Label>) are TNS modules
- 30. Data binding
- 32. CSS
- 33. Demo time!
- 34. Questions?
- 35. Thanks! Lohith G N lohith.Nagaraj@Telerik.com @kashyapa Follow NativeScript at @nativescript
Editor's Notes
- I'll give your brain a minute or two to parse this, because yes, this JavaScript code instantiates a Java android.text.format.Time() object, calls its set() method, then logs the return value of its format() method, which is the string "01/01/15".
- This JavaScript code instantiates an Objective-C UIAlertView class, sets its message property, and then calls its addButtonWithTitle() and show() methods. When you run a NativeScript iOS app with this code you'll see the alert below: