Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Download as PPTX, PDF4 likes2,877 views
This document introduces NativeScript, a runtime for building native iOS, Android, and Windows Phone apps using a single JavaScript code base, highlighting its open-source nature and ease of use. It discusses the platform's features, such as cross-platform UI abstractions and access to native APIs, along with how to get started using NativeScript. The author, Lohith G N, invites developers from various backgrounds to leverage NativeScript for mobile development.
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
- #18: 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".
- #20: 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: