Détails de la structure d'une application Ionic
Objectifs
Les objectifs de cette vidéo sont:
- Comprendre la structure d'une application Ionic.
- Apprendre à configurer et utiliser les directives Ionic et Angular.
- Découvrir comment gérer le routage et les templates dans une application SPA.
Résumé
Cette leçon explique l'utilisation d'un template Ionic pour créer une application SPA, en couvrant les aspects principaux tels que le routage, la gestion des templates, et les fichiers JavaScript nécessaires.
Description
Dans cette leçon, nous étudions en détail la structure d'une application Ionic, en commençant par l'exemple SideMenuTemplate.
Nous explorons comment Ionic utilise Angular pour gérer la structure SPA d'une application mobile. Une application SPA (Single Page Application) utilise une seule page HTML pour charger du JavaScript qui gère la mécanique de l'application, incluant le routage des pages, les scripts des pages, et les templates d'affichage.
La leçon décrit chaque répertoire et fichier clé dans une application Ionic:
- index.html: Contient les chargements CSS, les directives Ionic, et la déclaration de l'application avec ngApp.
- style.css: Contient les balises CSS personnalisées.
- ionic.bundle.js: Contient les directives JavaScript de Ionic.
- cordova.js: Script Cordova pour les fonctionnalités natives.
- app.js et contrôleur.js: Gèrent la structure de l'application et les comportements des pages.
Enfin, nous voyons comment les templates sont définis et l'utilisation du routeur URL Router Provider d'Angular pour gérer les états et les transitions entre les pages.