Wednesday, June 19, 2013

Build your first Mobile App with HTML5, jQuery, PhoneGap & APIs

Here are the key takeaways from this 1-day free event sponsored by apigee.com.

jQuery Mobile
Check out http://jquerymobile.com/ for details. It is evolving fast, and it is 1.3.x version now. jQuery Mobile is not jQuery mobile version, it is more like jQuery UI mobile version (but not exactly). When we use jQuery Mobile, we usually needs jQuery and jQuery mobile CSS to get things work.

Other mobile web framework and libraries?
http://www.markus-falk.com/mobile-frameworks-comparison-chart/

Mobile Prototyping Tool
http://www.codiqa.com (Recommended in jQuery Mobile website, and apigee team uses it too)
http://www.mobjectify.com/
http://tiggzi.com/home

PhoneGap/Cordova
Port HTML5/CSS3/Javascript based Web app to Native app. It is more like a bridge.
http://phonegap.com/
http://docs.phonegap.com/en/2.5.0/index.html
https://build.phonegap.com/ - Adobe Cloud build service

PhoneGap Alternatives
https://trigger.io/
http://www.appcelerator.com/
http://www.sencha.com/

More about HTML5
http://diveintohtml5.info
http://www.whatwg.org/specs/web-apps/current-work/multipage/index.html

Topics we covered in this event
Prototyping using codiqa
jQuery Mobile
jQuery
PhoneGap
Android developer tool (ADT)
Xcode and simulators
REST APIs (http://zh.wikipedia.org/zh/REST)
apigee API service
Geolocation
Security (sandbox)

Topics we didn't cover in this event
Push notifications
File Storage
Social Graph
Local capabilities
3rd party integration
Legacy integration
code execution

Bonus
Python built-in HTTP server
You can quickly launch a webserver to test mobile web if you have Python installed
python -m SimpleHTTPServer 8080

Companies mentioned in this event
http://www.crunchbase.com/company/socialtagg
http://www.crunchbase.com/company/zoosk
http://www.crunchbase.com/company/eventbrite
http://www.crunchbase.com/company/bitly-2

Here are my thoughts
Why Mobile Web?
- Write once run every device?
- One stack fits all?
- Better upgrade options (fast release cycles)?

Why not Mobile Web?
- Performance?
- HTML5 API limitation?
- Native User Experience?
- Offline limitation?

Native or Web or Hybrid app?
- It depends

No comments:

Post a Comment