Accueil
 |  |
Introduction étape par étape au framework web [Vue.js]
créé par l’IA Claude d’Anthropic à la demande de Serge Tahé - septembre 2026
Ce cours apprend à écrire, pas à pas, une application web avec le framework Vue.js 3 : une application à page unique (SPA), dont les pages sont fabriquées dans le navigateur à partir des données JSON d’un serveur.
Il s’appuie d’abord sur 20 petits exemples, chacun centré sur une seule notion : un projet Vite, la réactivité (ref, reactive, computed, watch), les directives, les événements, les formulaires et leur validation ; les composants (props, événements, v-model, slots, cycle de vie, composables, provide / inject) ; le routage avec vue-router, ses paramètres et ses gardes de navigation ; l’état partagé avec les stores Pinia ; l’internationalisation avec vue-i18n ; enfin le dialogue avec le serveur (fetch, proxy de Vite, cookie httpOnly, couche d’accès à l’API, erreurs du serveur).
Le serveur est traité comme une boîte noire : c’est le serveur JSON de l’application RdvMedecins, écrit avec NestJS. On l’installe, on étudie son API et on l’interroge avec 48 exemples curl, sans avoir à lire son code.
Vient ensuite une étude de cas complète : le client Vue.js de RdvMedecins, une application de prise de rendez-vous pour un cabinet médical, dont tous les fichiers sont commentés, puis son déploiement.
Ce cours fait suite au cours NestJS, où c’est le serveur qui fabrique les pages. Les mêmes pages sont écrites avec d’autres frameworks dans les cours Angular, React et Flutter. Le cours Un exemple de client / serveur Vue.js / NestJS étudie, lui, le serveur et le client à la fois.