A l'issue de cette formation, vous serez capable de :

• Mettre en oeuvre le framework Vue.js 3
• Utiliser Vue.js 3 dans le cadre d'une application SPA (Single Page Application) et d'applications clientes plus conventionnelles.

Jour 1 - Matin

Premiers pas avec Vue.js

• Principes clés de Vue.js
• Vue.js vs React vs Angular
• Créer et gérer un projet avec Vue CLI
• La base d'une application : l'instance Vue
• Créer son premier composant Vue.js
• Gérer les évènements du DOM
• Débugger avec Vue Devtools

Exemple de travaux pratiques (à titre indicatif)

• Instance d'une première application

Jour 1 - Après-midi

Répartir son code dans des composants

• L'imbrication de composants et les props
• Passer du contenu à un composant : les slots / children
• Déclencher des évènements "custom"
• Le cycle de vie des composants
• "Two-way data binding" vs "One-way data flow"
• Validation de la saisie utilisateur

Jour 2 - Matin

Enrichir ses templates

• Filters et computed props : simplifier l'écriture des templates
• Templates vs render() methods et JSX
• Composants fonctionnels
• Animations et transitions : améliorer l'expérience utilisateur

Exemple de travaux pratiques (à titre indicatif)

• Réalisation d'une "To Do List"

Jour 2 - Après-midi

Gérer la navigation

• Développer un système de "routing maison"
• Principes de Vue Router
• Configurer des routes
• Sécuriser une application : les "navigation guards"
• Transitions entre écrans

Exemple de travaux pratiques (à titre indicatif)

• Réalisation d'un lecteur d'article provenant d'un serveur

Jour 3 - Matin

Gestion des données avec Vuex

• Vuex : concepts de base
• Installation et mise en oeuvre
• Vuex et les formulations
• Etendre Vuex avec les plug-ins

Jour 3 - Après-midi

Exemple de travaux pratiques (à titre indicatif)

• Création d'un prototype de solution SAS

Premiers pas les tests

• Concepts et familles de tests
• Réalisation d'un premier test
• Réaliser un test d'intégration