CATALOGUE Code & Data Formation Ionic Apprendre Ionic 5

Introduction à la Structure d'un Projet Ionic

Retour à la formation
Chapitre 2 Leçon 1
Précédent
Suivant

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

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Avoir des connaissances de base en développement web, notamment en Angular et TypeScript, et être familier avec npm sera bénéfique pour suivre cette vidéo.

Métiers concernés

Cette leçon sera particulièrement utile pour les développeurs front-end, les développeurs d'applications mobiles, et les ingénieurs en logiciel souhaitant travailler avec Ionic.

Alternatives et ressources

En alternative, vous pouvez explorer des frameworks comme React Native ou Flutter pour le développement mobile, ou Vue.js pour les applications web.

Questions & Réponses

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.
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.
Le dossier NodeModules stocke les dépendances gérées par npm, essentielles au fonctionnement du projet Ionic et de ses configurations.