VueJs: le routage

VueJs: le routage

Le routage: qu’est-ce que c’est ?

VueJs permet le routage directement depuis votre navigateur. Mais qu’est-ce que le routage ? Dans le cas de VueJs, le routage permet de rediriger toutes les urls vers une seule et même page : la page principale, et en fonction de l’url, d’afficher un composant plutôt qu’un autre.

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

VueJs, React ou Angular : comparaison

Introduction

Etant donné le nombre grandissant de développement sur le Web, je me devais de franchir le pas et de m’y mettre. J’ai donc regardé les différentes possibilités qui existaient pour développer en Web.

Au début, une page Web était une simples pages Html statiques. Puis cela a très vite évolué avec une logique côté serveur (php, asp, etc.) ainsi que du code exécuté côté client par le navigateur (javascript). Depuis, les langages ont continués d’évoluer et des frameworks javascripts (Angular, React, VueJs) sont apparus pour simplifier, structurer et faciliter la réutilisation de composants côté client.

Ce sont ces frameworks que je vais détailler dans cet article.

Lire la suite