Formation de base VueJs

Formation de base VueJs

Voici une formation de base VueJs mais déjà bien fournie. Voici ce que vous allez découvrir dans cette formation :

  • Une introduction à VueJs
  • Comment installer et configurer votre environnement de développement
  • Le binding dans VueJs
  • Les boucles et l’affichage conditionnel
  • Les composants
  • La validation des formulaires
  • La traduction de votre site
Lire la suite

Les événements dans VueJs : s’y abonner et en déclencher

événements VueJs

Un événement est une chose qui se produit et dont on peut être mis au courant en s’y abonnant.

Exemple : l’événement “click” sur un contrôle de type “button” par exemple: en s’y abonnant, on sera prévenu que l’utilisateur a cliqué sur le bouton en question. Pour se faire, on va lier une fonction à cet événement et c’est cette fonction qui sera exécutée lors du clique sur le bouton. Ainsi, on peut effectuer une action sur base d’un événement.

Mais on peut également créer un événement sur un composant et le déclencher quand bon nous semble selon une action ou condition particulière. Ainsi, celui qui utilise notre composant pourra lui-aussi s’abonner à cet événement.

Lire la suite

La validation de formulaires dans VueJs

Validation formulaire vuejs

La validation de formulaires dans VueJs peut se faire manuellement sans rien ajouter à vue ou via des librairies existantes.

Dans cet article, nous verrons comment faire la validation manuelle (sans librairie). Un prochain article parlera de la validation via la librairie vuelidate (libre à vous de choisir d’autres librairies pour faire cette opération mais vous aurez déjà les bases).

Lire la suite

VueJs et les différents types de binding : v-bind, v-model, v-html

Qu’est-ce que le binding ?

En javascript, on s’abonne à des événements pour agir sur la modification d’un contrôle html et répercuter cette modification sur autre chose.

En VueJs, plus besoin de faire tout cela, on a des directives VueJs qui permettent de le faire pour nous. Les directives sont des mots clés à ajouter dans le code html directement.

Le binding est une manière de lier la valeur d’un contrôle html à une variable de notre composant VueJs. Je vous détaille les différents types de binding dans cet article avec un exemple concret pour chacun d’eux.

Lire la suite

VueJs: qu’est-ce que c’est et par où commencer ?

Qu’est-ce que c’est ?

VueJs

VueJs est un framework javascript évolutif, léger, facile à utiliser et à apprendre. En quelques mots, VueJs permet d’ajouter des fonctionnalités dynamiques aux pages html en exécutant du code javascript côté client. Ainsi, pas besoin d’aller-retour vers le serveur, la page Web n’est plus rafraîchie à tout bout de champ, vous pouvez faire des traitements directement dans le navigateur Web et même faire des appels au serveur Web distant en asynchrone (on envoie une demande au serveur et on attend la réponse sans bloquer la page Web et sans devoir la rafraîchir).

Lire la suite