CATALOGUE Code & Data Formation PhoneGap Apprendre PhoneGap Introduction à l'utilisation d'Ionic pour les applications SPA

Introduction à l'utilisation d'Ionic pour les applications SPA

Structure d'une application mobile SPA
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre PhoneGap
Revoir le teaser Je m'abonne
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

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.

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.

Voir plus
Questions réponses
Quel fichier contient les directives JavaScript d'Ionic?
Le fichier contient les directives JavaScript d'Ionic est ionic.bundle.js.
Quelle fonction remplit le fichier app.js dans une application Ionic?
Le fichier app.js gère la structure de l'application, incluant les routes et les comportements des pages.
Quel est le rôle de Cordova dans une application Ionic?
Cordova permet d'accéder aux fonctionnalités natives du téléphone mobile, comme la caméra ou les capteurs.