Développement d'une appli mobile sous – Cordova – en TDD

View Github Repository Open presentation in a new window

jeuleu

See all presentation from jeuleu

Développement d'une appli mobile sous – Cordova – en TDD

0 0

ionic-tdd

Développement d'une application sous Cordova en TDD

On Github jeuleu / ionic-tdd

Développement d'une appli mobile sous

Cordova

en TDD

Toulouse - 3 décembre 2015

Valbonne - 9 et 10 décembre 2015

Paray - 15 décembre 2015

Au programme

  • Quelques frameworks multi-plateformesde développement mobile
  • Le TDD en 1 slide
  • Que va-t-on développer aujourd'hui ?
  • … et maintenant on code !

Quelques frameworks multi-plateformes

de développement mobile

Cibler des mobiles variées…

…

… en faisant un seul développement

  • Une seule technologie
  • Limiter le coût des développements
  • Look & Feel natif

Les frameworks les plus populaires

Xamarin

  • Ecosystème complet de développement basé sur .Net Xamarin Platform, Xamarin Test Cloud, Xamarin.Forms, Xamarin Insight…
  • Ressources spécifiques via API natives en C#
  • 1 000 000+ utilisateurs dans 120 pays

Plus : performances     Moins : coût des licences

Les frameworks les plus populaires

Apache Cordova

  • Version Open Source d'Abode PhoneGap HTML - CSS - JavaScript
  • Plugins pour accéder aux ressources du mobile
  • Compilation d'application hybride par plateforme

Plus : Open Source

Les frameworks les plus populaires

Ionic

  • Cordova + AngularJS
  • Composants d'interface complexes : <directive>
  • Communauté très active !

Le TDD en 1 slide

TDD = Test Driven Development

Un test = Une spécification fonctionnelle

Que va-t-on développer aujourd'hui ?

Réaliser avec Ionic et en TDD

l'application indispensable

pour se prendre en Selfie !

Pourquoi ça a un intérêt ?

  • Utiliser la puissance d'AngularJS
  • Mocker les ressouces du mobile pour développer en local

Concrètement

Que va-t-on développer aujourd'hui ?

Que va-t-on développer aujourd'hui ?

Que va-t-on développer aujourd'hui ?

Que va-t-on développer aujourd'hui ?

On prépare le terrain…

prérequis : Node.js

  • Installation de Ionic
  • Installation de l'environnement de test jasmine, karma
  • Installation des outils de mock angular-mocks

On prépare le terrain…

Création du projet

ionic start selfie blank
cd selfie

Plateformes cibles et plugins 

ionic platform add android
ionic plugin add cordova-plugin-camera

Configuration de Karma

karma init karma.conf.js

Lancement en local et sur le device 

ionic serve
ionic run android

… et maintenant on code !

Questions ?

Annexe : préparation du projet

prérequis : Node.js

Installation de Ionic 

npm install -g ionic
npm install -g karma-cli phantomjs

Installation de l'environnement de test 

npm install karma -–save-dev
npm install karma-jasmine karma-chrome-launcher -–save-dev

Installation des outils de mock 

npm install angular-mocks --save-dev