Vue.js 3 - Développement d'applications Web

Jour 1

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

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

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"

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

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

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

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation