Bonjour,

Je vous propose un tutoriel en trois parties concernant le développement d'application web monopage (Single-Page Application) avec Vue.js.

Cette deuxième partie présente les principaux concepts de Vue.js au travers d'un exemple complet.

Voici le plan

  • présentation de l'exemple qui servira de fil rouge ;
  • création du squelette du projet PollDLE avec Vue.js et Vue CLI ;
  • initialisation des modèles et des vues pour les différents composants ;
  • mise en place des bindings entre les modèles et les vues via l'utilisation du templating (interpolation et les directives) ;
  • utilisation des propriétés calculées (computed) et des observateurs (watch) ;
  • détail du fonctionnement d'un composant pour savoir développer, instancier et dialoguer avec un composant ;
  • invocation d'un service web Rest pour modifier ou retourner la valeur d'un modèle ;
  • paramétrage du système de routage pour les changements de valeurs d'URL.

L'exemple est appelé PollDLE qui est une application pour créer et soumettre des sondages. PollDLE ~= Poll + la dernière partie de Doo DLE (Doodle est une application de planification de rendez-vous, très connue pour être simple d'utilisation)

L'URL du tutoriel : https://mbaron.developpez.com/tutori...ise-en-oeuvre/

Le code source complet de l'exemple PollDLE est disponible à cette adresse : https://github.com/mickaelbaron/vuej...e-tutorial-src

Profiter de cette discussion pour laisser des commentaires.

Tutoriel écrit avec ❤️

Mickael



Retrouver les meilleurs cours et tutoriels pour apprendre JavaScript