phonegap – HackIX

18 January, 2013

My Workflow for Developing PhoneGap Applications

Andrew Trice wrote; I am asked all the time “How do I get started developing PhoneGap applications?”. My normal answer is to advise people to check out the PhoneGap Getting Started Guides, which provide a great starting point for every platform. However after further thought, I’m not sure this is always what people are asking. Rather than “how do I get started?”, I think people are often looking for insight into the workflow for developing PhoneGap applications. Everything from tools to developer flow, to getting the app on devices. The Getting Started Guides are essential for setting up the initial project structure, but once you get that setup, you might be wondering “what do I do next?”. In this post, I’ll try to shed some light on the workflow and tools that I use when developing PhoneGap applications.

via ANDREW TRICE.

20 December, 2012

What’s New in PhoneGap Android 2.3.0

Well we’ve tagged Apache Cordova 2.3.0 release candidate 2 which means that Cordova 2.3.0 will be out soon in source release form which will be followed quickly by the binary PhoneGap 2.3.0 release. Shaz wrote up a post on what’s new in iOS so I followed suit to do this one for Android. So without further ado here’s what you should expect on Android:

via Simon Mac Donald.

8 December, 20128 December, 2012

How to Get the Device’s Phone Number Using PhoneGap Android

I was a bit surprised when three people asked me how to do this in one day. I figured if there was enough interest in it then maybe it deserved a post of it’s own. Basically you want to know the primary phone number of the device your app is running on. In order to do that in PhoneGap you will need to write a plugin to access the TelephonyManager service on Android.

As always the code for this plugin is is GitHub at myTelephoneNumberPlugin repo. If you’d rather have a more detailed walk through please read on.
First up let’s code our JavaScript interface which we will use to get the telephone number. We’ll setup a new interface at”cordova/plugin/telephonenumber” to avoid name collisions. Then the rest is fairly boiler plate code where we declare and error object that we won’t even use and finally provide a get method. When you call the get method you should provide a success callback. The success callback will be invoked with a string that will contain the devices phone number. If something goes wrong the failure callback will be invoked.

Full source at Simon Mac Donald

10 April, 2012

JavaScript, CSS, HTML Frameworks and Tools

Greg posted a very useful list of resources; One of the challenges in the world of HTML/JavaScript/CSS app development is cobbling together your kitchen sink of frameworks, tools and other technologies. When you start looking around, it feels like there is an endless list of options, which is good and bad! Recently, I’ve been gathering a list of what’s popular these days and thought it might be useful for others to share. If you see anything obvious missing, please let me know. Thanks to the following for helping me put together this list: Ray Camden, Andy Trice, Philip Wilson, Christophe Coenraets, Piotr Walczyszyn, and James Brown.

In no particular order:

Adobe Edge – HTML5/JS/CSS animation/interaction tool – http://labs.adobe.com/technologies/edge/
Less Framework – CSS grid system/layout – http://lessframework.com/
Less – alternative CSS syntax – supports OO-like syntax – referenced by Google at Google IO – used in many projects – http://lesscss.org/
Saas – another alternative CSS syntax – similar to Less – http://sass-lang.com/
Kendo UI Framework (mobile coming soon) – http://www.kendoui.com/
Sencha – http://www.sencha.com/ – multiple products – including Sencha Touch, Charts, etc.
JQuery UI – http://jqueryui.com/
JQuery (core) – http://jquery.com/
JQuery Mobile – http://jquerymobile.com/
xui -minimalist JQuery-like framework – http://xuijs.com/
zepto.js – minimalist JQuery-like framework – http://zeptojs.com/
Backbone.js MVC framework for JavaScript – http://documentcloud.github.com/backbone/
Underscore.js – Kitchen-sink utilities for JavaScript – http://documentcloud.github.com/underscore/
Modernizr – JavaScript library to detect device features – very popular – http://modernizr.com/
cubiq.org – home of iScroll, a very popular scroll/list lib – http://cubiq.org/
appMobi – web-based dev with emulation, etc. Also has an HTML5-framework – http://www.appmobi.com/
LeviRoutes – lightweight routes framework for hooking in to HTML5 history – https://github.com/PaulKinlan/leviroutes
Mustache – “logic-less templates” – mentioned by Google presenters at Google IO – http://mustache.github.com/
Midori – JavaScript framework – JQuery-like with some unique features – http://www.midorijs.com/
Knockout.js – JavaScript UI framework – implements MVVM pattern – recommended by Greg’s brother – popular – http://knockoutjs.com/
AngularJS – MVC framework, two-way data binding, JQuery-compatible – http://angularjs.org/
JSFiddle – online tool for doing lint/tidy/debugging – http://jsfiddle.net/
HighCharts – fantastic looking charts – http://www.highcharts.com/
ZingCharts – HTML5/SVG/VML and Flash charts – http://www.zingchart.com/#welcome
AMCharts – JavaScript/HTML5-based charts. They also offer Flash-based charts. – http://www.amcharts.com/javascript/
HTML5 Boiler Plate – assist with cross-browser issues and other utils – http://html5boilerplate.com/
Bootstrap, from Twitter – Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. http://twitter.github.com/bootstrap/
Popcorn.js – HTML5/JS Media Framework – http://popcornjs.org/
Three.js – JavaScript 3D engine – https://github.com/mrdoob/three.js and http://www.aerotwist.com/lab/getting-started-with-three-js/
PhoneGap – http://phonegap.com
PhoneGap Plugins – https://github.com/phonegap/phonegap-plugins
Require.js – http://requirejs.org – RequireJS is a JavaScript file and module loader
Brunch – http://brunch.io/ – A lightweight approach to building HTML5 applications with emphasis on elegance and simplicity.

via Gregs Ramblings.