Programme de cours

Applications Mobiles avec IonicFramework

Animée par Charles Jacquin

+

=

Prérequis :

• AngularJS

Logiciel à installer :

• Git
• Webstorm
• Node.js
• sdk android (avec émulateur)

Durée : 2 jours

Module 1

Introduction

• Comparatif hybride vs natif
• Présentation de HTML5
• Présentation de Apache Cordova
• Historique (jQueryUI)
• Présentation de Ionic

Module 2

Rappels AngularJS

• Les composants (controllers,...)
• Design patterns et structure du code
• Le routage avec UI Router

Module 3

Ionic

• Présentation de Ionic Creator (beta) et des projets seed
• Présentation des différentes commandes ionic (serve, emulate, build...)
• Présentation du CSS de Ionic (ios7)
• Présentation des différents composants (services et directives)
• Optimiser l'affichage de longues listes (ngRepeat amélioré)

Exercice :

Ajouter 3 vue à notre application, un formulaire, une list et une page d’accueil.

Module 4

ngCordova

• Présentation rapide de l'api Cordova
• Présentation de ngCordova
• 2 api en détails (camera et dataStorage(sqlLite))

Exercice :

Ajouter 1 bouton qui permet de prendre une photo.

Au submit enregistrer la photo localement (en base64).

Faire en sorte que la vue list affiche une liste des photos avec les données.

Au clic un modal affichera le detail.

Module 5

Parlons performance

• AngularJS et la performance (ngRepeat, watchers...)
• Présentation de famo.us et demonstration d'intégration avec ionic.