Slides for codeaholics.hk sharing here: (Dec 2013) [http://www.slideshare.net/EddieLau1/cordova-angularjs-ionic-codeaholics] (http://www.slideshare.net/EddieLau1/cordova-angularjs-ionic-codeaholics)

Trying to make ionic, cordova and mobile SDK works together on my Mac. And built a Chat Room apps for my coding course students.

brew install node
npm install -g ionic
npm install -g cordova

• download and setup android SDK in path: http://cordova.apache.org/docs/en/3.1.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide
• download and setup ant in path: http://ant.apache.org/bindownload.cgi

ionic create hello-world
cd hello-world
cordova platform add android
cordova platform add ios
cordova build

all the source code is in www folder read Ionic Tutorials

when you develop, you would want to run the page on your dev machine:

cd www
python -m SimpleHTTPServer 8000

you may want to use Grunt when you develop the pages on your dev machine, checkout:

http://devgeeks.org/slides/melbourne-mobile-talk-2013.2.12/

npm install -g ios-sim
cordova emulate
cordova emulate ios    
cordova emulate android    

npm install -g ios-deploy
cordova run
cordova run ios 
cordova run android

the android project will be available in platforms/android

• open Eclipse
• import the android code with "Import Existing Android Code"
• run the application by right click on left hand side project explorer: "Run As" > "Android"
• create a virtual Android device if you haven't. any device size and any model would do

the xcode project file (.xcodeproj) will be available in platforms/ios

the following doesn't work on mobile:

<script src="//cdn.firebase.com/v0/firebase.js"></script>
<script src="//cdn.firebase.com/libs/angularfire/0.3.0/angularfire.min.js"></script>