The Ionic Framework is super hot

Christopher Bloom



Think: "Foundation for Mobile Apps"


(More like Sencha Touch)

  1. CSS framework
  2. Many, many prebuilt UI patterns
  3. Angular.js directives instead of nasty HTML
  4. Dev in a local browser, wrap in an app webview later
  5. Or just a really kickass mobile site.

ionicframework.com/docs/components/


Speaking of webview

  1. "Hybrid mobile apps"
  2. Access to the native platform layer
  3. UI and controllers powered by Angular
  4. Which means javascript
  5. Which means no compiling to native (à la Titanium)
  6. Which means Cordova (née PhoneGap)

Concept: Stop thinkinG URLS


  1. Views
    • No resource URLs
    • Instead, think in terms of collections of views
    • "Rectangles of UI content"
    • Everything onscreen is a view: buttons, tab bars, etc
  2. View Controllers
    • Take individual views and control them as a group

Caveat


For the first releases, Ionic only works on recent iPhone and Android devices. We support iOS 6+, and Android 4.2+.


No baggage.


Installation

(OSX) Install XCode

Install Android SDK


Install Cordova

$ sudo npm install -g cordova

Download/extract a zip of Ionic release:
https://github.com/driftyco/ionic/releases

(Follow very concise instructions here)

Cordova


At some point this really becomes the "Cordova Show With Some Sparklies and Angular"

cordova prepare ios 
cordova build ios 
cordova emulate ios
Made with Slides.com