Booster des Talents IT

Formation Vue.js

vue
A l’issue de cette formation sur le framework Vue.js, les participants auront acquis les connaissances et compétences nécessaires pour développer des sites Web et applications avec Vue 3. Le programme de formation répond à l’ensemble des dernières recommandations données par l’équipe de Vue.js, permettant aux développeurs et développeuses d’aborder des projets complexes sereinement : utilisation de Vite, Composition API, TypeScript, Pinia…
Prixà partir de
1790 €HT
RéférenceAF26033
Durée3 jours
Public Architectes techniques, Développeurs
PrérequisBonnes connaissances en HTML, CSS et JavaScript.
TP60%

Plan de Formation Vue.js

Introduction à la formation Vue

Objectifs et approche pédagogiques de cette formation Vue.js
Présentation du framework : philosophie, grands principes et évolution au fil des versions
Quelles différences avec Angular et React ?
ES2015+ et les modules
Programmation réactive
Les bénéfices de l’utilisation de TypeScript avec Vue, concepts fondamentaux
Web components
Outillage : utiliser Vite au lieu de Webpack, Visual Studio Code, Volar…
Installation de Vue : Vue CLI, la librairie create-vue

Prise en main et templates

L’architecture de Vue
Single-File Components
Introduction aux templates
v-bind et v-on
De Option API à Composition API
Fonctions et propriétés

Composants et réactivité

Créer et manipuler un premier composant
Props et évènements
Cycle de vie des composants Vue
Directives : v-html, v-model, v-if…
Les fonctions reactive(), ref() et computed()
La syntaxe script setup pour définir un composant
watch() et watchEffect()
Timing pour la mise à jour du DOM

Styles et classes

Styles scopés
Préprocesseurs CSS
Liaison de styles et classes (objets, tableaux…)

Aller plus loin avec les composants

Utiliser des directives sur les composants
Cascade d’attributs
Les slots
Provide et Inject
Composants asynchrones

Composables, directives personnalisées et plugins

Qu’est-ce qu’un composable ? Intérêt pour le développement avec Vue
Utiliser un composable
Créer des directives personnalisées
Plugins

Routage et navigation avec Vue Router

Introduction à Vue Router
Paramètres URL
Construction de la pagination
Routes imbriquées et routes protégées
Redirections et alias
Gestion des erreurs

Gestion des états avec Pinia

De VueX à Pinia
Configuration
Définir un store
Gérer les états
Gérer les getters
Les actions

Tests

Tests unitaires
Présentation de Vitest
Les fonctions describ(), test(), it()…
Tests asynchrones
Introduction à test-utils
Tests de composants
Tests end-to-end avec Cypress

Mise en production

Le déploiement d’applications avec Vue
Meilleures pratiques

Nos autres formations JavaScript

AF32675Formation Angular Avancé 2 sessions prévues3 jours1690 €HT
AF25093Formation CasperJS en Intra/Cours Particulier1 jour490€ HT
AF27924Formation Stencil New Formation ! en Intra/Cours Particulier2 jours
AF24600Formation Dojo Toolkit en Intra/Cours Particulier3 jours1790€ HT
AF26033Formation Vue.js en Intra/Cours Particulier3 jours1790 €HT
Voir les 29 formations
Vous pouvez également être intéressé par des formations Javascript, vue.js ou par les formations de notre filière JavaScript
A propos de Vue.js
Vue.js est une librairie Javascript qui permet de créer des interface web interactives. En savoir plus
Prixà partir de
1790 €HT
RéférenceAF26033
Durée3 jours
Public Architectes techniques, Développeurs
PrérequisBonnes connaissances en HTML, CSS et JavaScript.
Travaux pratiques60%