Introduction au framework VUE.JS par l'exemple

Ce document fait partie d’une série de quatre articles :

1. [Introduction au langage PHP7 par l’exemple] ;
2. [Introduction au langage ECMASCRIPT 6 par l’exemple] ;
3. [Introduction au framework VUE.JS par l’exemple] ;
4. [Introduction au framework NUXT.JS par l’exemple] ;

Ce sont tous des documents pour débutants. Les articles ont une suite logique mais sont faiblement couplés :

• le document [1] présente le langage PHP 7. Le lecteur seulement intéressé par le langage PHP et pas par le langage Javascript des articles suivants s’arrêtera là ;
• les documents [2-4] visent à construire un client Javascript au serveur de calcul de l’impôt développé dans le document [1] ;
• les frameworks Javascript [vue.js] et [nuxt.js] des articles 3 et 4 nécessitent de connaître le Javascript des dernières versions d’ECMASCRIPT, celles de la version 6. Le document [2] est donc destiné à ceux qui ne connaissent pas cette version de Javascript. Il fait référence au serveur de calcul de l’impôt construit dans le document [1]. Le lecteur de [2] aura alors parfois besoin de se référer au document [1] ;
• une fois ECMASCRIPT 6 maîtrisé, on peut aborder le framework VUE.JS qui permet de construire des clients Javascript s’exécutant dans un navigateur en mode SPA (Single Page Application). C’est le document [3]. Il fait référence à la fois au serveur de calcul de l’impôt construit dans le document [1] et au code du client Javascript autonome construit en [2]. Le lecteur de [3] aura alors parfois besoin de se référer aux documents [1] et [2] ;
• une fois VUE.JS maîtrisé, on peut aborder le framework NUXT.JS qui permet de construire des clients Javascript s’exécutant dans un navigateur en mode SSR (Server Side Rendered). Il fait référence à la fois au serveur de calcul de l’impôt construit dans le document [1], au code du client Javascript autonome construit en [2] ainsi qu’à l’application [vue.js] développée dans le document [3]. Le lecteur de [4] aura alors parfois besoin de se référer aux documents [1] [2] et [3] ;

[Introduction au framework VUE.JS par l’exemple] présente les concepts suivants :

• les bases ;
• utilisation du framework CSS Bootstrap ;
• gestion des événements ;
• directives [v-model, v-bind] ;
• directive [v-for] ;
• mise en page d’une vue avec des slots ;
• remontée d’événements dans la hiérarchie des composants ;
• événements indépendants de la hiérarchie des composants ;
• création d’un plugin ;
• requêtes HTTP asynchrones ;
• routage et navigation ;
• gestion des tables HTML ;
• mise à jour d’un composant - utilisation d’une session ;
• utilisation du plugin [Vuex] ;
• écriture d’un client [Vue.js] d’un serveur PHP 7 de calcul de l’impôt ;
• diverses améliorations du client [Vue.js] ;

Le document est destiné à des personnes de niveau débutant. Tout y est expliqué et détaillé.

Bonne lecture à tous.

Serge Tahé, octobre 2019

Pour réagir à cet article, un espace de dialogue vous est proposé sur le forum : Commentez.

Téléchargements

PDF de l'article : http1

Les codes de l'article : http2

Autres ressources du site : http3

Java SE, Java EE, Spring, Hibernate, Struts 2, RxJava, Android, C#, VB.NET, Entity Framework, ASP.NET MVC, Javascript (ECMASCRIPT6, VUE.JS, NUXT.JS, ANGULAR.JS 1.x), VBSCRIPT, PHP 7, Python 3, Flask, SQL

Remerciements

Jérôme Marsaguet a gabarisé ce long document. Qu'il soit ici remercié pour ce travail qui met à disposition des lecteurs un document HTML de qualité.

Article lu   fois.