Débuter avec ionic
Éléments de base d’un projet Ionic
Découverte des composants Ionic
Changer le thème de l’application
Encore plus de composants
Lancer l’application sur un smartphone Android
Utiliser les fonctionnalités natives du téléphone
Détails de la leçon
Description de la leçon
Cette leçon se concentre sur l'utilisation des composants IonList et IonItem d'Ionic. Ces composants sont essentiels pour concevoir des listes d'informations dans une application mobile. Nous allons tout d'abord inclure un IonList dans le fichier HTML de notre page de liste d'annonces, en veillant à placer ce IonList à l'intérieur d'un IonContent, car tous les éléments de la vue doivent y être inclus, sauf l'entête. Ensuite, nous ajouterons plusieurs IonItem à l'intérieur du IonList. Par la suite, nous nous rendrons dans le fichier HTML du composant app-annonce pour remplacer les balises <p> par des balises IonItem. Le résultat final montre une différence notable dans l'affichage, avec une interface plus agréable et moderne, obtenue avec très peu de modifications.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à :
1. Utiliser les composants IonList et IonItem.
2. Inclure ces composants dans un fichier HTML.
3. Créer une interface utilisateur moderne pour les applications mobiles.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des connaissances de base en HTML, CSS et développement avec le framework Ionic.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les métiers de développeur mobile, développeur front-end, et architecte d'applications.
Alternatives et ressources
En alternative à Ionic, vous pouvez utiliser des frameworks tels que React Native, Flutter ou Vue.js avec des bibliothèques spécialisées pour le développement mobile.
Questions & Réponses
Je m'abonne