Découvrir Ionic Framework

ionic_listUn an sans aucun article 🙁 C’est plutôt long mais c’est ce qui arrive lorsque l’on monte sa startup… Je profite donc d’un moment de calme pour vous présenter le framework que j’ai le plus utilisé en 2014 : Ionic Framework.

J’ai commencé à l’utiliser dès les débuts de l’alpha, uniquement pour faire un prototype rapide de mon application au début, mais j’ai été impressionné par la rapidité, la facilité et la qualité des applications produites et ai finalement décidé de le garder comme framework mobile pour les différentes applications sur lesquelles je travaille.

Pour ceux qui ne connaîtraient pas Ionic, c’est un framework d’UI basé sur AngularJS pour faciliter le développement d’applications mobiles hybrides (basées sur Cordova). Ils proposent un ensemble de styles et de directives pour avoir une application proche des styles natifs. J’ai l’habitude de dire que c’est un peu le bootstrap pour les applications mobiles 🙂 Mais Ionic, c’est bien plus que ça, c’est aussi un écosystème complet (et qui ne cesse de grandir) pour faciliter le développement des applications cordova :

  • CLI : Ionic a sa propre interface en ligne de commande qui s’appuie sur Cordova. Autant, je trouvais ça un peu « too much » au début, mais depuis les différents ajouts, je trouve qu’elle amène vraiment une simplification du développement
  • Génération automatique d’icones et splash screens intégrée à la CLI
  • L’intégration de Crosswalk à la CLI
  • ngCordova qui permet d’intégrer plus facilement les plugins Cordova avec AngularJS
  • Ionic Creator : pour dessiner rapidement ses interfaces en drag’n drop et télécharger le projet tout prêt
  • Ionic Lab : pour visualiser sur une seule page, les styles Android et iOS de votre application
  • Ionic View App : qui permet d’uploader et partager son application avec d’autres personnes
  • Et bien plus à venir : BaaS, Build

Pour avoir quelques exemples de ce qui est faisable avec Ionic, vous pouvez consulter leur CodePen public ainsi que les applications construites avec Ionic qu’ils mettent en avant.

Le renouveau des applications hybrides

ionic_cardCordova n’est pas une nouvelle technologie. Elle a vu le jour en 2009 et en 2011 je connaissais des personnes qui développaient déjà avec. Autant dire qu’à l’échelle du mobile, cette plateforme a toujours été présente (la sortie d’Android 2.3 date de 2010 !).

Cependant, la technologie est toujours restée relativement confidentielle, à la fois parce que les téléphones n’était pas assez puissants (sans parler de leur navigateur très peu performant), mais aussi parce que l’écosystème d’outils autour de Cordova n’était pas très développé et que le marché n’en était encore qu’à ses débuts.

Aujourd’hui, les téléphones et leurs navigateurs deviennent relativement puissants, surtout depuis le passage à Chrome par défaut depuis Android 4.4. Toutes les sociétés veulent leur application mobile, une proportion importantes de startups sont mobile first et on commence seulement à voir émerger les nouveaux usages mobiles… En conjonction de tout ça, l’équipe de Drifty a publié Ionic Framework avec un certain nombre d’outils pour faciliter le développement Cordova; ce qui a attiré de nombreux développeurs et a fait énormément mûrir l’écosystème hybride.

Mon point de vue est que même s’il faudra encore probablement 6 mois à 1 an pour que le développement hybride devienne réellement mâture, l’arrivée de Ionic a provoqué un nouvel afflux de développeurs et un regain d’intérêt sur ces technologies qui, selon moi, ne sont plus des choix de second rang. Bien sûr, tout spécialiste pourra voir les différences avec une application native et les grands du web ne pourront pas se permettre ces désagréments minimes mais pour la plupart des utilisateurs, peu avertis, la qualité est largement suffisante !

Bref, je ne peux que vous recommander d’y jeter au moins un œil si vous envisagez du développement mobile 😀

3 réponses à “Découvrir Ionic Framework

  1. […] Ce design pattern — parce que ça sonne quand même mieux en anglais 🙂 — se base, comme son nom l'indique, sur la subdivision conceptuelle de chaque page en un Modèle, une Vue et un Contrôleur. J'ai précisé en partie parce que l'on verra dans les parties suivantes du tutoriel qu'AngularJS ajoute au Contrôleur d'autres outils comme les services et les directives. Google. Apache Cordova Tutorial. Ionic on CodePen. Installing Ionic and its Dependencies. Découvrir Ionic Framework | Loïc Knuchel. […]

  2. […] Buttons List Cards. Découvrir Ionic Framework | Loïc Knuchel. Un an sans aucun article C’est plutôt long mais c’est ce qui arrive lorsque l’on monte sa […]

  3. Julien

    Bonjour
    J ai pour ma part décider de partir sur un développement hybride pour développer mon jeu de mémoire a 1 ou deux joueurs : memory party.

    https://play.google.com/store/apps/details?id=fr.jhaccoun

    N ayant aucune connaissance en dev mobile je voulais pas apprendre le dev sur Android, iOS et windows. C est intéressant d apprendre mais defois il faut aller vite pour tester les retours de son appli, et le dev hybride est un bon choix.
    Ca permet d avoir un unique code sur toute plateforme et gagner en réactivité, en temps, maintenance,…

    J utilise ionic framework pour mon jeu c est du dev angularjs avec utilisation de balise HTML ionic et de module Cordova pour communiquer avec le tel.
    J ai implémenté la partie audio média, les notifications via Google GSM, la connexion facebook, l authentification oauth2, publicité admob.
    Si vous avez des questions n hesitez pas.
    Je vais bientôt créer un blog pour détailler le développement d un jeu.

Répondre à Framework Ionic | Pearltrees Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">