JOUR 1 : INTRODUCTION ET GÉNÉRALITÉS

- Qu'est-ce qu'un (bon) Framework Web ?

- Aperçu rapide du marché actuel : le combat des titans

QUELQUES RAPPELS SUR TYPESCRIPT

- Introduction à TypeScript et son utilisation dans Vuejs

- Types de base et variables

- Interfaces et classes

LES CONCEPTS ESSENTIELS

- SPA

- MPA

- PWA

- REST, HTTP et JSON

- Le paradigme Composant

BIEN DÉBUTER AVEC VUE3 POUR PARTIR DU BON PIED

- Les différents outils l'écosystème et la communauté

- Introduction à l'architecture Vue.js

- L'environnement Vue.js

PRINCIPAUX CONCEPTS DE LA LIBRAIRIE

- Les composants

- Les directives

- Les filtres

- Programmation des événements

JOUR 2 : LANGAGE DE TEMPLATING VUE.JS

- L'interpolation

- Le binding d'attributs

- Le binding d'évènements

- Les computed properties

- L'utilisation de ‘modifiers'

INITIATION À VUEJS 3 ET LA COMPOSITION API

- Introduction à Vue 3

- L'Instance de l'application

- Réactivité et refs

- Composables et watch

LA RÉACTIVITÉ DE VUE3

- Fonctionnement sous le capot

- ActiveEffect et Ref

GESTION AVANCÉE : SLOT, COMPONENT, PLUGIN

- Les slots et les slots nommés

- Les composants dynamiques

- Les plugins

VUE-ROUTER

- Introduction à Vue-Router et usage

- Configuration et utilisation des routes

- Navigation et paramètres de route

PINIA : LE MAGASIN DE DONNÉES (DATA STORE)

- Principe du Storage

- Les différences entre Pinia et Vuex

- Pinia, comment gérer un état global sur sa SPA

- Les actions et les getters

- Comment typer son store Pinia

JOUR 3 : BONNES PRATIQUES DE DÉVELOPPEMENT VUE3

- Design patterns sur le composant

- Les écueils dans Vue3

- A11Y dans les formulaires

ARCHITECTURE DE PROJET

- Structurer un projet Vue, les différentes méthodes

- Modularisation et organisation du code

- Bonnes pratiques et conventions

- Technique avancée

TESTER LES COMPOSANTS VUE

- Comment bien tester son application pour ne rien laisser au hasard ?

- Introduction à Vue-Test-Utils et Vitest

- Installation et configuration

- Mocks et stubs

- Tester notre application au niveau de l'utilisateur

NOUVEAUTÉS ET ÉVOLUTIONS DU FRAMEWORK

- Lecture et explication du code source

- Les dernières nouveautés le futur de Vuejs ?

CONCLUSION

- Retour sur la formation

- Remise des documents

- Ressources utiles

- Travaux pratiques : Exercices spécifiques dédiés à chaque notion

- Découvrir VueJS en utilisant TypeScript et en respectant les bonnes pratiques

- Développer une application web riche et progressive avec la composition API

- Connaître et utiliser les fonctionnalités de la dernière version du framework Vue

- Savoir manipuler correctement le storage avec Pinia

RNCP37674B C01 - Développer la partie front-end d'une application web ou web mobile en intégrant les recommandations de sécurité

Présentation d'un projet réalisé en amont de la session : 00 h 20 min

En amont de la session d’examen, le candidat réalise un ou plusieurs projets.

Il prépare un dossier de projet et un support de présentation de type diaporama. Le dossier de projet rend compte de l’ensemble des projets.

Lors de l’examen, le jury prend connaissance du dossier de projet imprimé avant la présentation du candidat.

Le candidat présente ensuite son ou ses projets au jury.

Entretien technique : 00 h 30 min

Le jury questionne le candidat sur la base de son dossier de projet et de sa présentation, afin de s’assurer de la maîtrise des compétences couvertes par le projet ou les projets. Un questionnement complémentaire lui permet d’évaluer les compétences qui ne sont pas couvertes par le projet ou les projets.

Questionnaire professionnel : 00 h 30 min

L'ensemble des candidats répondent en même temps au questionnaire professionnel en présence d'un surveillant. Le candidat étudie une documentation technique rédigée en anglais. Il répond à

- deux questions fermées à choix unique posées en français ;

- deux questions ouvertes posées en anglais et amenant des réponses courtes, en rédigeant la réponse en anglais.

Durée totale de l’épreuve pour le candidat : 01 h 20 min