Journée Vue.JS

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

Maison de l’Orient et de la Méditerranée (MOM), Salle visioconférence (4iè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 (10 places + 2 animateurs), 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

slides.pdf

slides.zip

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

• 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 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)

12:00 → 12:30 Gestion d'événements

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

12:30 → 13:00 Liaison de classes et de styles ​

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

13:00 → 14:00 Pause déjeuner

14:00 → 15:30 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)

15:30 → 15:45 Pause

15:45 → 16:45 Projet pratique

Création d’une application complète guidée par le formateur

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

taskApp.html

tasks-app.zip

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)