AELION : 07. Vue.js - Développement d'applications web
Organisme
AELION
95 CHE DE GABARDIE31200 TOULOUSEVoir toutes ses formationsAutres organismes proposant cette formation
Durée
Modalités
Formation
- Classe virtuelle
- Présentiel
Évaluation
Questionnaire d’évaluation des pré-requis avant le stage, de satisfaction en fin de stage, évaluation des acquis en fin de formation. Feuille de présence, attestation de fin de formation.
Prix
Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
882€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
3780€ HT / groupe
4 stagiaires minimum
Public
Développeurs web, intégrateurs, architectes logiciel, chefs de projet…
Pré-requis
Avoir une bonne connaissance pratique de HTML et la maîtrise et de JavaScript (ES5 minimum).
Objectifs pédagogiques
- Maîtriser l’environnement du développeur JS
- Comprendre les principes clés de Vue.js
- Savoir développer une SPA avec Vue.js
- Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js
- Appliquer les bonnes pratiques à un projet Vue.js
Programme détaillé
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)