Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Hybrid Mobile App Development With Cordova

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

  • Inicia sesión para ver los comentarios

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  | @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:
  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 @kashyapa