GUIDE D'IONIC [Français]

Résumé

Ce projet est construit avec Ionic 2. Ce-lui ci est un guide pour ce projet.

Outil

Tout d’abord, on doit installer des outils pour un Ionic 2 projet.

Node.js

Premièrement, on a bessoin d’installer Node.js qui est une platforme pour créer
des applications réseau. On peut tester nos application avec Node.js.

npm

Npm est le gestionnaire de paquets officiel de Node.js. On peut
installer des plugins et des nécessités facilement avec npm.

Si on va dans le répertoire Ionic 2, on peut simplement taper
npm install pour installer des nécessités.

Framework

adb

Adb est un logiciel pour detecter si un appareil est connecté à l’ordinateur.
On peut taper adb devices pour detecter si un appareil est connecté.

Quelques fois, on ne peut pas trouver nos appareils. Il faut débrancher et
rebrancher à l’ordinateur.

Android Studio

Si on veut tester l’application qu’on a créé, on a besoin des SDK, des outils
fournir par Google. La façon la plus facile de les installer est d’installer
un Android Studio, et ouvrir le “SDK Manager”, onglet “SDK Platforms” et install
une version d’Android. Puis ouvrir l’onglet SDK Tools et installer “Android SDK Platform-Tools”
et “Android Support Repository”.

Ionic 2

Ionic 2 est un framework qui nous permet de créer un project multisupport en
utilisant HTML, CSS et TypeScript. Après programmer, il peut génerer des applications iOS,
Android, Windows Phone.

Le but de créer un projet Ionic 2 est de taper
ionic start le_nom_du_projet dans le terminal. Ionic 2 va créer une
répertoire et initialiser le projet.

Si on veut tester notre projet, on peut taper ionic run android pour tester sur un appareil
Android. Bien que ionic emulate android pour tester sur un emulateur (Il faut installer
l’emulateur avent). Même pour tester sur iOS, on peut taper ionic run ios et ionic emulate ios
pour tester sur l’appareil iOS et emulateur iOS.

De plus, pour visualiser le résultat du code plus rapid, on peut taper ionic serve pour tester
sur navigateur. Tous les modifications seront afficher tout de suite sur navigateur. Des
modifications CSS peut être visualisé immédiatement aussi bien que des modifications TypeScript
et HTML peut être visualisé après un rafraîchir du page.

Angular 2

Angular 2 est un répertoire TypeScript pour créer des composants de l’application.
Remarquer: Angular 2 n’est pas compatible avec AngularJS.

TypeScript

TypeScript est un langage présenter par Microsoft. Le but de TypeScript est d’améliorer JavaScript.
Après la compilation, TypeScript peut être transformé à JavaScript. Donc TypeScript peut fonctionner
sur les navigateurs qui ne sont pas compatible avec TypeScript.

Puis, JavaScript est complètement compatible avec TypeScript. Ça veut dire que JavaScript
peut être tranformé à TypeScript sans modification. (L’inverse n’est pas correct)

L’extension de TypeScript est ts.

SCSS

SCSS est une extension de CSS. On peut utiliser des variables, des fonctions, etc.

Plugin

Cordova

Camera

Piwik

Beacon

Geolocation

Git