Mise à jour des tutoriels sur Vue.js

Pour rappel, une série de trois tutoriels consacrés au framework web JavaScript Vue.js est disponible :

  • généralités sur les frameworks web JavaScript et présentation de Vue.js ➡️ partie 1 ;
  • mise en œuvre des concepts de Vue.js ➡️ partie 2 ;
  • déploiement d’une application web développée avec Vue.js ➡️ partie 3.

J’ai réalisé une révision des trois tutoriels dont les principales améliorations sont les suivantes :

  • passages aux dernières versions mineures de l’ensemble des bibliothèques JavaScript ;
  • passage de Vue CLI 3 à Vue CLI 4 ;
  • déplacement des sections Rendu conditionnel et Rendu de liste dans la section Templating avec Vue.js ; Directives ;
  • déplacement de la section Propriétés calculées et observateurs dans la section Composant avec Vue.js ;
  • utilisation plus poussée de ESLint avec un niveau de priorité à B Strongly Recommended ;
  • passage de Java 8 à Java 11 pour la partie backend ;
  • passage aux dernières versions majeures pour KumuluzEE ;

Je n’ai pas encore franchi le pas de la nouvelle version 3 de Vue.js. Sa sortie ne devrait pas tarder, mais je me laisse un peu de temps pour la maîtriser (mise à jour pour 2021).

L’exemple utilisé est toujours PollDLE. Pour rappel, il s’agit d’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).

Ecran pour vôter à un sondage PollDLE

Le code source complet de l’exemple PollDLE a aussi été mis à jour, notamment dû aux restructurations des tutoriels. Le lien pour les codes sources est : https://github.com/mickaelbaron/vuejs-polldle-tutorial-src.

Ce tutoriel a été écrit avec ❤️ et sa mise à jour aussi. J’espère qu’il vous plaira et vous aidera à développer des applications web monopages (Single-Page Application) avec Vue.js.

N’hésitez pas à laisser des commentaires sur le fil Twitter prévu à cet effet.

Ce billet est open source. Vous avez noté un problème de typographie ?
Ou quelque chose d'obscur ? Améliorer ce billet à partir du dépôt GitHub.
Commentaire

Vous pouvez laisser un commentaire en répondant à ce Tweet.