Créer des images cliquables avec NativeScript Vue
Apprenez à afficher et intervertir des images cliquables avec NativeScript Vue en suivant des étapes précises et détaillées.
Premiers pas en Vue3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les composants Vue JS
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les applications SPA (Single Page Applications)
L'interface en ligne de commande Vue-Cli
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Vuex
 
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Pinia
 
                                           
                                           
                                           
                                           
                                          Persistance des données avec Firebase
 
                                           
                                           
                                           
                                           
                                           
                                          Plus loin avec Vue.js 3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                                                      
                                           
                                           
                                           
                                           
                                           
                                           
                                          Détails de la leçon
Description de la leçon
Dans cette leçon, vous allez découvrir comment utiliser les composants de NativeScript Vue pour créer une application mobile permettant d'afficher et de changer des images au clic ou au toucher. Vous commencerez par générer une application Vue par défaut sur la platforme preview.nativescript.org, puis apprendrez à modifier le code du composant Home.Vue pour afficher une image de chien. En ajoutant un gestionnaire d'événements, vous allez configurer l'image pour qu'elle se change en image de chat lorsqu'on la clique, et vice versa. Toutes ces opérations seront effectuées en utilisant la méthode indexOf pour vérifier la chaîne de l'URL de l'image actuelle. Ce tutoriel est conçu pour vous guider pas à pas à travers chaque étape du processus de développement.
Objectifs de cette leçon
Les objectifs de cette vidéo sont les suivants : 
- Apprendre à utiliser les composants de NativeScript Vue 
- Comprendre comment changer dynamiquement les images dans une application 
- Savoir implémenter des gestionnaires d'événements sur des composants visuels
Prérequis pour cette leçon
Avant de suivre cette vidéo, il est recommandé d'avoir des connaissances de base en Vue.js, en JavaScript et quelques notions de développement mobile.
Métiers concernés
Les compétences apprises dans cette leçon sont particulièrement utiles pour les métiers de développeur d'applications mobiles et de développeur front-end.
Alternatives et ressources
Pour des alternatives à NativeScript Vue, vous pouvez explorer d'autres frameworks de développement mobile tels que React Native ou Flutter.
Questions & Réponses
 
                
               
         
           
                                           
                                          