Developing Great Apps with Apache Cordova

764 views
625 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
764
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Developing Great Apps with Apache Cordova

  1. 1. OPENSHIFT Workshop PRESENTED BY Shekhar Gulati Developing Great Apps with PhoneGap / Apache Cordova
  2. 2. l  Apache  Cordova  Introduc1on   l  Follow  Apache  Cordova  workshop  tutorial     l  h"ps://github.com/shekhargula5/cordova-­‐workshop   AGENDA
  3. 3. Modern  Web  Applica5on  
  4. 4. Apache  Cordova   •  Free,  open-­‐source  framework  for  building  cross-­‐pla>orm   na1ve  applica1ons  using  HTML5.   •  Combines  na1ve  and  web  applica1on  technologies  to  provide   a  simple  way  to  build  cross  pla>orm  applica1ons.  This  is  also   called  Hybrid  applica1on.   •  Extensible.  You  can  write  plugins  for  func1onali1es  not   available  in  Cordova.  
  5. 5. Timeline   •  Nitobi  developed  Mobile  development  framework  called   PhoneGap   •  Adobe  acquired  Nitobi(company  behind  PhoneGap)  in  October   2011   •  Adobe  contributed  PhoneGap  to  Apache     •  Open  source  version  is  called  Apache  Cordova   •  PhoneGap  is  Adobe  implementa1on  of  open  source  Apache   Cordova.  
  6. 6. PhoneGap  vs  Apache  Cordova   •  PhoneGap  is  an  implementa1on  of  Cordova.  It   is  also  open  source   •  Tightly  integrates  with  Adobe  product   •  Adobe  will  offer  paid  services  on  top  of  open   source  project   •  PhoneGap  also  has  different  command-­‐line   tool  
  7. 7. What  Apache  Cordova  is  Not?   •  It  is  not  a  framework  that  provides  you  CSS  and  JavaScript   libraries  required  to  design  your  applica1on.   •  As  a  web/mobile  developer  you  have  to  decide  your  stack.   Anything  a  developer  can  do  in  web  app  hosted  on  server  can   also  be  done  in  Cordova.  Possible  combina1ons   •  HTML  5  +  jQuery  +  jQuery  Mobile   •  HTML  5  +  jQuery  +  Backbone  +  Twi[er  Bootstrap   •  HTML  5  +  jQuery  +  Backbone  +  Topcoat   •  HTML  5  +  Sencha  touch   •  ….  
  8. 8. Why  not  only  use  HTML  5?   •  Access  to  na1ve  capabili1es  above  and  beyond  available  in   browser.   •  Many  mobile  applica1ons  need  to  do  more  than  HTML.  You   need  access  to  device  APIs  like  contacts,  camera,  etc.  
  9. 9. Cordova  components   •  Pla>orm  specific  na1ve  applica1on  container.  The  container   renders  the  HTML  5  applica1on  on  the  device.   •  JavaScript  API  to  access  na1ve  device  capabili1es   •  Tools  to  manage  the  process  of  applica1on  crea1on,  plugins,   build  the  applica1ons,  tes1ng  on  emulators  and  real  devices.  
  10. 10. Cordova  Applica5on  Anatomy  
  11. 11. PlaIorm  Support  
  12. 12. Who’s  using  it  
  13. 13. Workshop  Time       Download  h"p://bit.ly/cordova-­‐workshop    
  14. 14. QUESTIONS?
  15. 15. DONE!

×