Devenez Dr. Manhattan avec Ionic

Devenez Dr. Manhattan avec Ionic


Sommaire

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

Auteur(s)

Mehdy Dara

Developer @ Eleven-labs

Voir le profil

Vous souhaitez en savoir plus sur le sujet ?
Organisons un échange !

Notre équipe d'experts répond à toutes vos questions.

Nous contacter

Découvrez nos autres contenus dans le même thème

À la découverte de l'Anchor positioning API

La nouvelle Anchor positioning API en CSS

L'Anchor positioning API est arrivée en CSS depuis quelques mois. Expérimentale et uniquement disponible à ce jour pour les navigateurs basés sur Chromium, elle est tout de même très intéressante pour lier des éléments entre eux et répondre en CSS à des problématiques qui ne pouvaient se résoudre qu'en JavaScript.