CATALOGUE Code & Data Apprendre Ionic 5 Introduction à la Structure d'un Projet Ionic

Introduction à la Structure d'un Projet Ionic

Arborescence d’un projet Ionic
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ionic 5
Revoir le teaser Je m'abonne
Transcription
99,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
99,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Survol du Contenu du Projet

Objectifs

Les objectifs de cette vidéo sont d'introduire les principaux composants d'un projet Ionic et d'expliquer leur rôle ainsi que leur emplacement dans l'arborescence du projet.

Résumé

Cette vidéo offre un aperçu des composants d'un projet Ionic, incluant les fichiers de configuration et les dossiers de code source.

Description

Dans cette leçon, nous allons explorer la structure de base d'un projet Ionic. Nous commencerons par examiner les différents fichiers de configuration tels que ceux pour npm, Angular, Ionic, et TypeScript, situés dans le dossier Racine. Puis, nous parlerons du dossier end-to-end destiné aux tests bout en bout, et du dossier NodeModules pour les dépendances npm. Ensuite, nous étudierons le dossier source, contenant les scripts TypeScript utilisés par Ionic, ainsi que le fichier index.html qui agit comme point d'entrée de l'application.

Nous aborderons également le fichier global.css pour les propriétés CSS globales, et le dossier theme avec son fichier variable.css utile pour la personnalisation des couleurs. Nous couvrirons le dossier environnement pour les configurations en fonction des environnements (local, test, production) et le dossier asset pour les images et icônes. Enfin, le dossier app contient le code de l'application, similaire à un projet Angular classique, avec des composants et des modules spécifiques pour chaque page, permettant le lazy loading pour des performances optimales.

Voir plus

Questions - réponses

Quel est le rôle du fichier index.html dans un projet Ionic ?
Le fichier index.html sert de point d'entrée pour l'application Ionic, chargeant les différentes ressources nécessaires au rendu de l'application.
Pourquoi chaque page d'un projet Ionic est-elle considérée comme un module séparé ?
Chaque page est considérée comme un module séparé pour permettre le lazy loading, ce qui optimise les performances en ne chargeant que les pages nécessaires à la demande de l'utilisateur.
À quoi sert le dossier NodeModules dans un projet Ionic ?
Le dossier NodeModules stocke les dépendances gérées par npm, essentielles au fonctionnement du projet Ionic et de ses configurations.

Programme détaillé