Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Découvrir Vue.js 2

Faire des mises à jour pertinentes

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
La mise à jour de données doit se faire avec précaution. Voyez comment éviter tout risque de mauvais fonctionnement d'une interface.
03:29

Transcription

Alors, quand vous allez faire la mise à jour, il serait quand-même intéressant, à cette mise à jour, de pouvoir bloquer un petit peu, parce que là actuellement, on voit que si on soumet le formulaire comme ça, sans avoir rien mis dans le champ, on a aucun message d'erreur, on a absolument rien qui s'affiche. Il faut à chaque fois essayer de donner de l'information à l'utilisateur et ça, vous allez pouvoir le faire facilement. Alors, plusieurs méthodes possibles, évidemment. Soit vous allez agir effectivement sur un champ que vous allez cacher et faire apparaitre plus tard, c'est généralement ce qu'on fait le plus souvent ou alors vous pouvez même carrément utiliser les alertes. En Javascript ce n'est pas un problème, c'est assez facile. Alors, comment on va utiliser les alertes ? La première chose que l'on va faire c'est placer cette valeur ici dans une variable, donc on va faire player name est égal et puis on va aller récupérer cette valeur. Et puis ici on va pouvoir simplement bloquer. Alors, je vous conseille de bloquer au préalable, c'est-à-dire évitez d'avoir des fonctions qui viennent ajouter le nom du joueur et puis après vous bloquez, faites votre blocage dès que vous pouvez. Ici, on va simplement lui dire que si il n'y a pas de player name, alors à ce moment-là, on va utiliser, on va afficher un message à l'utilisateur, une alerte, par exemple, pour lui dire « Merci de renseigner votre pseudo », par exemple. Ou alors votre nom, c'est vous qui voyez. Alors, l'idée ici, évidemment, c'est simplement de bloquer. Quand vous allez faire ça, il est intéressant aussi directement de faire un return. Pourquoi est-ce qu'on va faire un return ? Parce que on n'a pas envie que ça continue. On veut que ça s'arrête à cet endroit-là. Donc on va utiliser le return dans une fonction, et comme ça, la fonction va s'arrêter, on ne va pas avoir de continuité. Alors vous ferez attention quand-même, toujours faites bien attention aux petits points-virgules qui ne doivent pas être ajoutés donc. C'est un petit souci, effectivement. Et pensez bien à enregistrer la page, pour que ça puisse recharger. Alors, ici on a une petite erreur sur le alerte. Alors, vous voyez qu'ici, l'alert n'est pas récupéré. Vous allez aller chercher alert sur window, window qui est votre objet global, qui contiendra les différentes informations. Alors, console, lui, il fonctionne, mais c'est vrai que alert faut aller chercher sur window. Alors, si je remplis rien du tout, je vais maintenant avoir un « Merci de renseigner votre pseudo! » qui va apparaitre et ça me permet de bloquer le formulaire. Vous voyez que, avec les événements, et avec les fonctions que l'on peut ajouter soi-même, on va pouvoir travailler convenablement et on va pouvoir faire réagir l'interface exactement comme on en a envie. Alors ça c'est très intéressant. On va toujours essayer de mettre en place des méthodes qui nous permettent d'informer l'utilisateur et on va faire aussi en sorte qu'on n'ait pas des mises à jour particulières. Parce que c'est vrai que ici, si on ne met rien, du coup, le nom de joueur lui va être appliqué avec rien du tout à l'intérieur, alors la logique, évidemment, ne va pas se mettre à jour complètement, parce qu'on a dit à cet endroit-là qu'on voulait absolument qu'il y ait quelque chose, qu'il y ait un vrai contexte de joueur qui soit ajouté donc c'est au moment où on va avoir un nom de joueur que ça va se déclencher. C'est vrai qu'il est vraiment important d'informer l'utilisateur parce que lui ne va jamais savoir ce qui se passe, sinon. Il va se poser la question. Il va se demander pourquoi ça ne marche pas, il va croire que c'est lui qui a fait une erreur, alors que finalement c'est notre programme, qui normalement doit être censé informer l'utilisateur de ce qui se passe. Là, actuellement, on a quelque chose qui fonctionne, et on va pouvoir un petit peu avancer. Je vais vous montrer comment on modifie un peu les événements, et comment on peut agir dessus.

Découvrir Vue.js 2

Animez et rendez réactive la vue d’une application web avec le framework Vue.js. Mettez en place les interfaces web de demain​ ​et utilisez les librairies externes de votre choix.

2h25 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Vue.js Vue.js 2.1
Spécial abonnés
Date de parution :14 févr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !