AELION : 07. Vue.js - Développement d'applications web

IDENTIFIER LES SPECIFICITES DE VUE.JS

• A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes de code moderne de Javascript (ES13). Vous identifiez la notion de composant (Web components). Vous comprenez l’intérêt des Frameworks (notamment de Vue.js), et les mécanismes qui se cachent derrière ces derniers.
• Les Single Page Applications
• Les limites de Javascript et de jQuery
• Lenteurs du DOM
• Positionnement de Vue.js
• Démonstration :- Installation de l’environnement de travail- Code en direct (live-coding)

IDENTIFIER ET DEFINIR LES PRINCIPES CLES DE VUE.JS

• A l’issue de cette séquence, vous êtes capable d’installer et de configurer un projet Vue.js. Vous savez identifier et utiliser les concepts de bases (composants, model, etc.).
• Migration vers Vue.js et les versions de Vue.js
• MVVM selon Vue.js
• Les outils nécessaires liés à l'utilisation de Vue.js (Vue CLI, etc.)
• Les notions et syntaxes de bases
• Notion de component
• La liaison de données
• Les structures de contrôle
• Notion d'event
• Démonstration :- Initialiser un projet Vue.js et manipuler ses premiers composants

DEVELOPPER UNE SPA AVEC VUE.JS

• A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes et manipulations de base de Vue.js. Vous savez identifier les mécanismes d’organisation du code avec des directives, mixins ou plugins et sait les différencier.
• Les essentiels de vue.js
• Cycle de vie d'une requête dans Vue.js et son rôle
• Les modèles
• Notion d'interpolation
• Attributs, filtres et directives
• Le v-model et et la macro defineModel
• Gérer des listes (v-for, …)
• L'affichage conditionnel (v-if, …)
• Event management (v-on, handlers, …)
• Les composants dynamiques
• Echange de données entre composants
• L’organisation des composants
• Mixins (Vue 2) ou composable functions (Vue 3 composition API)
• Custom Directives
• Render Functions & JSX
• Plugins

CONNAITRE LES CONCEPTS ET OUTILS INDISPENSABLES AU DEVELOPPEMENT D'APPLICATIONS WEB DYNAMIQUES AVEC VUE.JS (1/2)

• A l’issue de cette séquence, vous êtes capable d’utiliser des librairies externes (notamment mettre pour l’utilisation de composants graphiques). Vous savez utiliser les mécanismes de routing.
• Utiliser une librairie de composants graphiques avec Vuetify
• Créer une navigation avec Vue-router
• Présentation des routes
• Les modes
• Les liens
• Vue initiale et liens
• Router Hooks et Composition API

CONNAITRE LES CONCEPTS ET OUTILS INDISPENSABLES AU DEVELOPPEMENT D'APPLICATIONS WEB DYNAMIQUES AVEC VUE.JS (2/2)

• A l’issue de cette séquence, vous êtes capable d’utiliser des librairies externes (notamment la consommation d’API REST). Vous identifiez les mécanismes de gestion d’état.
• Gérer des états avec Vuex
• Présentation de Flux et Redux
• Gestion de store
• Consommer des API REST avec Axios

APPLIQUER LES BONNES PRATIQUES A UN PROJET VUE.JS

• A l’issue de cette séquence, vous êtes capable d’identifier les concepts de qualité et l’intérêt de compiler ses applications web. Vous savez qu’il existe des outils pour monitorer la performance des applications web et aider à leur évolution.
• La rétrocompatibilité pour les vieux navigateurs
• La qualité du code avec les tests
• Un code plus maintenable avec TypeScript et ES Lint
• Un code plus performant avec les outils de builds (production & deployment)