Welcome
 |  |
Step-by-Step Introduction to the [Vue.js] Web Framework
created by Anthropic’s AI Claude at the request of Serge Tahé - September 2026
This document is a translation of the original French version, generated using an automated tool. Some expressions or technical terms may not fully reflect the original meaning.
This course shows, step by step, how to write a web application with the Vue.js 3 framework: a single-page application (SPA) whose pages are built in the browser from the JSON data of a server.
It starts with 20 small examples, each focused on a single concept: a Vite project, reactivity (ref, reactive, computed, watch), directives, events, forms and their validation; components (props, events, v-model, slots, life cycle, composables, provide / inject); routing with vue-router, its parameters and navigation guards; shared state with Pinia stores; internationalization with vue-i18n; and finally talking to the server (fetch, Vite proxy, httpOnly cookie, API access layer, server errors).
The server is treated as a black box: it is the JSON server of the RdvMedecins application, written with NestJS. You install it, study its API and query it with 48 curl examples, without having to read its code.
Then comes a complete case study: the Vue.js client of RdvMedecins, an appointment-booking application for a medical practice, in which every file is commented, followed by its deployment.
This course follows the NestJS course, in which the server builds the pages. The same pages are written with other frameworks in the Angular, React and Flutter courses. The course A Vue.js/NestJS Client/Server Example studies both the server and the client.