Successfully reported this slideshow.
Your SlideShare is downloading. ×

Hybrid Mobile App Development With Cordova

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 15 Ad

More Related Content

Slideshows for you (19)

Viewers also liked (13)

Advertisement

Similar to Hybrid Mobile App Development With Cordova (20)

More from Lohith Goudagere Nagaraj (20)

Advertisement

Recently uploaded (20)

Hybrid Mobile App Development With Cordova

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

×