Using the Ionic Framework UI Elements


Ionic has many useable UI elements, including lists, buttons, forms and form elements, and so on. Ionic is both a CSS framework and a Javascript UI library. You can use them as is in your HTML. In this article, I’ll show you how to incorporate these elements as straight HTML code. I won’t be going into the more high-end, dynamic aspects of the Ionic framework in this article.

This tutorial assumes you already have installed:
node.js (http://nodejs.org/)
Cordova PhoneGap (http://www.phonegap.com)

This tutorial assumes you:
1. Know how to set up Android and iOS SDKs for development, and setting PATH statements. See my other articles on how to do this.
2. Have created several basic Cordova PhoneGap projects, including adding InAppBrowser plugin and making config.xml changes for it. Continue reading

Updating and Reverting to Different Cordova PhoneGap Versions


If you want to update your version of Cordova PhoneGap to the latest version, or you want to revert to an earlier version (to test or debug), here are the steps to follow. I also have instructions on updating the plugins and platform versions here.

Resource (scroll to bottom):
http://docs.phonegap.com/en/3.5.0/guide_cli_index.md.html#The%20Command-Line%20Interface  Continue reading

Using Cordova 3.5 CLI on Mac OS X Mavericks to build iOS apps


This article gets you up to speed on how to integrate your HTML/CSS/JS app with PhoneGap/Cordova into an iOS app using a Mac and prepare it for App Store submission. This article assumes you’ve already followed the steps on http://iphonedevlog.wordpress.com/2013/08/16/using-phonegap-3-0-cli-on-mac-osx-10-to-build-ios-and-android-projects/ to:

Download Node.js
Add PATH statements to .profile

In this article, I am referencing Mac OS X Mavericks 10.9.3 and Xcode 5.1.1 on a Mac Mini. Cordova CLI 3.5.0 was installed. I am referencing “cordova” in the command-line interface, not “phonegap.” This project will not use the PhoneGap Build service.

Download OS X Mavericks and Xcode if you haven’t already:
http://www.apple.com/osx/apps/app-store.html  Continue reading

Using Cordova 3.5 CLI on Mac OS X Mavericks to build Android apps


This article gets you up to speed on how to integrate your HTML/CSS/JS app with PhoneGap/Cordova into an Android app using a Mac and prepare it for App Store submission. This article assumes you’ve already followed the steps on http://iphonedevlog.wordpress.com/2013/08/16/using-phonegap-3-0-cli-on-mac-osx-10-to-build-ios-and-android-projects/ to:

Download Node.js
Add PATH statements to .profile

In this article, I am referencing Mac OS X Mavericks 10.9.3 and ADT + Eclipse v22.6.4 on a Mac Mini. Cordova CLI 3.5.0 was installed. I am referencing “cordova” in the command-line interface, not “phonegap.” This project will not use the PhoneGap Build service. Continue reading

Notes About Using PhoneGap Build


This is not a tutorial, but a list of things a Cordova PhoneGap developer needs to know if he or she wants to start using PhoneGap Build (PGB). PGB will take your www/ assets and create the files needed for iOS, Android, and Windows devices. It doesn’t use native files, such as those ending in .h, .m, .java, etc.; the build may fail if these are included. What follows are the notes I took as I considered whether to use the service. Read this as a FAQ page for preparing an app for PGB. Curious as to whether PhoneGap Build is for you? Read on…

Main site: https://build.phonegap.com/  Continue reading

App testing with the PhoneGap Developer App — see your changes instantly without re-building!


With this software, you can develop your app on the desktop, then see the changes instantly on your mobile device. There’s no need to re-sign, re-compile, or reinstall your app to test your code. You’ll have access to the device APIs that aren’t available in web browsers. Let’s give it a spin!

For more info:
http://phonegap.com/blog/2014/04/23/phonegap-developer-app/  Continue reading