SlideShare a Scribd company logo
Hybrid Mobile App
Development
LOHITH GN
NOV 26
About Me
 Microsoft MVP, VS Dev & Tech (6 years)
 BDotNet UG Lead
 Author
 Technical Evangelist, Progress India
 http://about.me/kashyapa | @kashyapa
App Development Choices
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
Apache Cordova
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.”
Architecture
Image Credits: http://cordova.apache.org/docs/en/latest/guide/overview/index.html
Installation
Pre Requisites
 Node JS
 Install Cordova from npm
npm install –g cordova
Creating New App
cordova create hello com.example.hello HelloWorld
Adding Platforms
cordova platform add android/ios/browser/windows
cordova run <platform>
cordova emulate <platform>
cordova build <platform>
Thank You !
Lohith G N
http://about.me/kashyapa
@kashyapa

More Related Content

Hybrid Mobile App Development With Cordova