Ionic

A Framework For Mobile Development

Hi, I'm Mihai

What about you?

Disclaimer

* just love

"Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies."
ionicframework.com

In the wild

Why Ionic?

Prototype

Develop

Develop / UI

            
  
    bar-royal

            
  
    
      
      Mihai
      Holy Guacamole!

Develop / Behaviour

            
  http://ionicframework.com/docs/api/utility/ionic.EventController/

            
  
    
      Wake up!
      
        Nope :-)

Develop / Bling

            
  .scroll-bar-indicator {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    transition: opacity 0.3s linear; 
  }
  .grade-c .scroll-bar-indicator {
    background: #aaa; 
  }
  .scroll-bar-indicator.scroll-bar-fade-out {
    opacity: 0; 
  }
  .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
    transition: none; 
  }

            
  var push = new Ionic.Push({
    "debug": true,
    "onNotification": function(notification) {
      var payload = notification.payload;
      console.log(notification, payload);
    },
    "onRegister": function(data) {
      console.log(data.token);
    }
  });

            
  var deploy = new Ionic.Deploy();
  // Promises 
  deploy.check();
  deploy.download();
  deploy.extract();
  deploy.update();
  // not a Promise
  deploy.load();

Build, test, emulate

            
  // gulpfile.js
  gulp.task('test', function() {
    // look into karma.conf.js and do stuff
  });

  // bash
  $ gulp test

            
  $ ionic serve
  $ ionic emulate ios
  $ ionic help

Upload

          
  $ ionic upload

Analyze

          
  $ionicAnalytics.track('New Score', {
    winner: 'x'
  });

Q&A

* so far

Demo

Q&A

* beer

github.com/mihaibura