Developing Great Apps with Apache Cordova
-
Upload
shekhar-gulati -
Category
Technology
-
view
422 -
download
1
Transcript of Developing Great Apps with Apache Cordova
![Page 1: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/1.jpg)
OPENSHIFT Workshop
PRESENTED BY
Shekhar Gulati
Developing Great Apps with PhoneGap / Apache Cordova
![Page 2: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/2.jpg)
l Apache Cordova Introduc1on
l Follow Apache Cordova workshop tutorial
l h"ps://github.com/shekhargula5/cordova-‐workshop
AGENDA
![Page 3: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/3.jpg)
Modern Web Applica5on
![Page 4: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/4.jpg)
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.
![Page 5: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/5.jpg)
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.
![Page 6: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/6.jpg)
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
![Page 7: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/7.jpg)
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
• ….
![Page 8: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/8.jpg)
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.
![Page 9: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/9.jpg)
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.
![Page 10: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/10.jpg)
Cordova Applica5on Anatomy
![Page 11: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/11.jpg)
PlaIorm Support
![Page 12: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/12.jpg)
Who’s using it
![Page 13: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/13.jpg)
Workshop Time
Download h"p://bit.ly/cordova-‐workshop
![Page 14: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/14.jpg)
QUESTIONS?
![Page 15: Developing Great Apps with Apache Cordova](https://reader034.fdocuments.net/reader034/viewer/2022052619/5553b814b4c905d4448b4e2f/html5/thumbnails/15.jpg)
DONE!