CATALOGUE Code & Data Formation Ionic Apprendre Ionic 5

Créer une Page dans un Projet Ionic

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

Cette leçon montre comment créer une page dans un projet Ionic à l'aide de la ligne de commande.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer comment générer une nouvelle page dans un projet Ionic en utilisant la commande Ionic Generate. Nous commencerons par ouvrir un terminal et nous positionner à la racine de notre projet pour exécuter la commande. En choisissant le type d'élément à générer (dans notre cas, une page) et en spécifiant le chemin et le nom de la page, nous allons créer une nouvelle page intitulée List Annonce dans le dossier Page. Après l'exécution de cette commande, nous verrons que le dossier List Annonce a été ajouté à l'intérieur du dossier App, avec tous les fichiers nécessaires à une page Ionic. Nous observerons également que le fichier AppRoutingModule a été automatiquement modifié pour inclure une route vers notre nouvelle page.

Avant de poursuivre, nous supprimerons la route vers la page Home et supprimerons le dossier correspondant, faisant de notre page List Annonce la page d'accueil de l'application pour l'instant. Une fois cela fait, nous ajusterons le contenu HTML de la page en ajoutant deux annonces statiques pour démontrer la structure de base. Nous verrons comment le header (IonHeader) et le contenu (IonContent) sont utilisés pour organiser la page. Enfin, nous relancerons le serveur pour visualiser le résultat.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'apprendre à utiliser la commande Ionic Generate, créer une page, et organiser le contenu initial de celle-ci.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire de savoir utiliser un terminal et d'avoir des connaissances de base en développement mobile avec Ionic.

Métiers concernés

Les développeurs mobiles, les créateurs d'applications et les ingénieurs logiciels peuvent tirer parti de ces compétences pour créer des applications mobiles robustes et organisées.

Alternatives et ressources

Des alternatives à Ionic pour créer des pages dans des applications mobiles incluent l'utilisation de React Native ou Flutter.

Questions & Réponses

La commande Ionic Generate permet de créer différents éléments comme des pages, composants, ou services dans un projet Ionic.
Après avoir généré une nouvelle page, vérifiez que la nouvelle route a été ajoutée dans le fichier AppRoutingModule et ajustez le contenu HTML selon vos besoins.
Il est nécessaire de supprimer la route vers la page Home car dans cette configuration, la page List Annonce devient la nouvelle page d'accueil de l'application.