Après 14 versions beta et 5 release candidates, la première version stable de Ionic est disponible.

https://twitter.com/Ionicframework/status/598185812220465154

Ionic est un framework front-end open source qui permet de produire des applications mobiles hybrides en HTML5.

Concrètement, Ionic est basé sur AngularJS 1.3 et offre des directives pour implementer rapidement les cas d’usage les plus récurrents : header, footer, scroll, menu, etc …

L’écosystème

Ionic c’est un nombre impressionnant d’outils et services pour vous aider dans votre développement :

Comment créer sa première application

1- En pré-requis il vous faut NodeJS et installer la ligne de commande Ionic :

$ npm install -g ionic

2- Pour démarrer un nouveau projet, il suffit de taper :

$ ionic start myApp [starter]

L’équipe Ionic met à disposition une multitude de starters pour démarrer un projet : Ionic Starter

Il est aussi possible d’utiliser l’url d’un CodePen, par exemple :

$ ionic start myApp http://codepen.io/ionic/pen/odqCz

3- A partir de là, vous pouvez déjà tester votre application dans un navigateur et profiter des joies du livereload

$ ionic serve

4- Ajouter les plateformes sur lesquelles vous souhaitez publier votre application :

$ ionic platform add android
$ ionic platform add ios

5- Pour installer l’application sur un appareil connecté à votre poste de travail :

$ ionic run android
$ ionic run ios

Avec Chrome il est possible de débugger directement l’application sur le téléphone en allant à l’adresse “chrome://inspect”

6- Une fois votre application prête pour la publication sur le store concerné :

$ ionic build --release android
$ ionic build --release ios

Vous obtiendrez un fichier compressé et optimisé à déposer sur le store.

Quelques liens utiles