Journée Vue.JS

lundi 19 mai 2025, 08:40 → 17:00 Europe/Paris

Salle visioconférence (3ième étage) (Lyon)

Bertrand DAVID-JACQUOT (CNRS), Jaime Arias (LIPN / CNRS)

Les interfaces web nécessitent, pour une plus grande facilité d'utilisation, de plus en plus d'interactions entre les actions utilisateurs et les échanges avec le serveur. Le JavaScript est donc devenu incontournable pour rendre modulaire nos formulaires de saisie ou autres pages de navigation. Vue.JS fait partie des frameworks front-end JavaScript parmi les plus utilisés. D'un apprentissage plus facile que ces rivaux (React, Angular, …), nous vous proposons de le découvrir lors d'une journée destinée à tout développeur d'applications web.

L'inscription pour la participation en présentiel est obligatoire et limitée, l'inscription pour la participation à distance nous aide à nous organiser au mieux pour les TP !

Un minimum de connaissances en JavaScript est nécessaire.

08:40 → 09:00 Accueil

Lien ZOOM : https://cnrs.zoom.us/j/98302568840?pwd=TDqjMX5zVUA3vcv2hWcDLX5PLNICCz.1
ID de réunion : 983 0256 8840
Code secret: T3xswr

09:00 → 09:15 Introduction à Vue.js 3

• Vue d’ensemble de Vue.js et de son évolution.
• Avantages de Vue 3 pour le développement web moderne.

Orateurs: Bertrand DAVID-JACQUOT (CNRS), Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

09:15 → 09:45 Configuration de l’environnement

• Installation de Vue 3 avec Vite/CLI.
• Présentation de la structure du projet et des outils (Node.js, npm, yarn).
• Création d’un premier projet Vue simple.

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

09:45 → 10:45 Concepts de base de Vue 3

• Les instances Vue et le DOM virtuel.
• La syntaxe des templates.
• Les directives (v-bind, v-if, v-for, v-model, etc).

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

10:45 → 11:00 Pause

11:00 → 12:00 Composants dans Vue 3

• Création de composants réutilisables
• Props et événements
• Slots et slots avec portée (scoped slots)
• Hooks du cycle de vie des composants

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

12:00 → 13:00 API de composition (Composition API)

• Fonction setup() et gestion des états réactifs (ref, reactive).
• Observateurs (watch) et propriétés calculées (computed).

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

13:00 → 14:00 Pause déjeuner

14:00 → 14:45 Gestion d’état avec Pinia

• Introduction à Pinia pour la gestion des états dans Vue 3.
• Création et manipulation de stores.
• Actions, mutations, et partage des états.

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

14:45 → 15:30 Routage avec Vue Router

• Mise en œuvre du routage client :
• Configuration de Vue Router.
• Routes dynamiques et imbriquées.
• Garde de navigation.

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

15:30 → 15:45 Pause

15:45 → 16:45 Projet pratique

• Création d’une application complète guidée par le formateur
• Fonctionnalités à implémenter :
• Gestion des données avec Pinia.
• Navigation entre pages avec Vue Router.
• Utilisation de la Composition API.
• Assistance en direct pour les participants pendant le projet.

Orateur: Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)

16:45 → 17:00 Q&R et conclusion

• Résolution des dernières questions des participants.
• Discussion sur les prochaines étapes et les ressources pour approfondir Vue 3.

Orateurs: Bertrand DAVID-JACQUOT (CNRS), Jaime Arias (CNRS, LIPN, Université Sorbonne Paris Nord)