Slide deck use for my talk at Mobile App Developers Bangalore Meetup group which was held on Nov 26 2016

1. Hybrid Mobile App
Development
LOHITH GN
NOV 26

2. About Me
 Microsoft MVP, VS Dev & Tech (6 years)
 BDotNet UG Lead
 Author
 Technical Evangelist, Progress India
 http://about.me/kashyapa | @kashyapa

3. App Development Choices

4. Platform Affinity
Accesstodevicecapabilities
Native Apps
● Single platform affinity
● Written with platform SDKs
● Must be written for each platform
● Access to all native APIs
● Faster graphics performance
● AppStore distribution
Hybrid Apps
● Cross-platform affinity
● Written with web technologies
○ HTML5, CSS, JS
● Runs locally on the device, supports offline
● Access to native APIs
● AppStore Distribution
Web Mobile Apps
● Cross-platform affinity
● Written with web technologies
○ HTML5, CSS, JS or Server Side (PHP,
ASP.NET)
● Runs on web server, viewable on multiple devices
● Centralized Updates
NativeScript Apps
● Cross-platform affinity
● Written with JS, *CSS and markup
● Direct access to native APIs
● Native rendering engine
● AppStore distribution

5. Apache Cordova

6. What is Cordova ?
“Apache Cordova is an open-source mobile development framework.
Allows you to use standard web technologies - HTML5, CSS3, and
JavaScript for cross-platform development.
Applications execute within wrappers targeted to each platform.
Rely on standards-compliant API bindings to access each device's
capabilities such as sensors, data, network status, etc.”

7. Architecture

8. Image Credits: http://cordova.apache.org/docs/en/latest/guide/overview/index.html

9. Installation

10. Pre Requisites
 Node JS
 Install Cordova from npm
npm install –g cordova

11. Creating New App

12. cordova create hello com.example.hello HelloWorld

13. Adding Platforms

14. cordova platform add android/ios/browser/windows
cordova run <platform>
cordova emulate <platform>
cordova build <platform>

15. Thank You !
Lohith G N
http://about.me/kashyapa
@kashyapa