SFEIR InstituteVUEJS
Vue.js
Des bases solides pour développer des applications avec Vue.js
3 jour(s) / 21h
Présentation du cours
Vue.js (aussi appelé plus simplement Vue), est un framework JavaScript open-source utilisé pour construire des interfaces utilisateur.
Par son pragmatisme, sa puissance et sa versatilité, Vue.js s’est rapidement imposé comme un framework web majeur.
Public cible
- Développeurs, intégrateurs, architectes logiciel, chefs de projet technique
Programme
- Connaissances de base en développement logiciel
- Connaissances du langage HTML et CSS
- Avoir suivi ou avoir des connaissances équivalentes aux cours:
- JavaScript: les fondamentaux du langage
- JavaScript: développer des applications web
Programme
- Introduction à Vue.js
- Principes et philosophie de Vue.js
- Comparaison avec les autres frameworks majeurs
- Roadmap
- Installer Vue.js
- Ateliers:
- Installation de Vue.js
- Quick win: prise en main de Vue.js
- Core Library
- L’instance de Vue, son cycle de vie et ses propriétés $
- Le système de réactivité
- Le système de template et les interpolations
- Les directives
- Ateliers:
- Mise en oeuvre des propriétés réactives
- Utilisation des directives: rendus conditionnels, listes, évènements, formulaires, style
- Réagir au cycle de vie de l’instance Vue
- Les composants
- Définition d’un composant Vue
- Enregistrement des composants
- Props
- Template, slots
- Organisation arborescente et communication entre composants
- Composants dynamiques
- Animations et transitions
- Ateliers:
- Création d’une vue unique constituée de plusieurs composants personnalisés
- Réutilisabilité et composition
- Mixins
- Filtres
- Plugins
- Ateliers:
- Création et utilisation de mixins, filtres et plugins
- Outillage
- Vetur, client VSCode
- Devtools, plugin pour navigateur
- Vue CLI, RAD console
- TypeScript
- Ateliers:
- Mise en place d’un environnement de développement complet
- Single View Components
- Introduction aux Single File Components
- Les différentes manières de créer des SFC
- Ateliers:
- Création de Single File Component
- Vue Router
- Principes de Vue Routeur
- Installation de Vue Routeur
- Accès au routeur
- Fonctionnalités du routeur: matching de route dynamique, routes imbriqués, navigation programmatique,…
- Gardes de navigation
- Ateliers:
- Création d’une Single Page Application avec Vue Routeur
- Vuex
- Architecture de Vuex et State management pattern
- Installation de Vuex
- Mettre en oeuvre Vuex
- Librairies alternatives
- Ateliers:
- Gestion centralisée de l’état d’une application avec Vuex
Nos sessions de formations
Lieu de formation :
Ce cours vous intéresse ?
Lieu de formation :
Inter : 1590 € HT / participant
Votre société à besoin d'une offre
personnalisée ? Contactez-nous
personnalisée ? Contactez-nous