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.