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