Formation Vue.js
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Maîtriser les concepts fondamentaux du développement avec le framework Vue : templates, composants, styles, liaison de données…
- Créer et manipuler des composants
- Utiliser Vite pour développer des applications plus rapidement
- Maîtriser Vue Router pour gérer la navigation
- Gérer l’état des applications avec Pinia
- Tester les applications (tests unitaires, de composants et e2e)
- Mettre en œuvre les meilleures pratiques et outils de développement avec Vue 3
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
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 Vue.js 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…
Programme
Introduction à la formation Vue.js
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 grâce à notre formation Vue.js
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 : découvrez ces concepts avec note formation Vue.js
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
Prérequis
Public
Ces formations pourraient vous intéresser
Formation Développement d’applications web front-end avec JavaScript - Présentation des frameworks Open Source
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Développement d'applications web front-end JavaScript vous aurez acquis les connaissances et les compétences nécessaires pour :
- Le fonctionnement de JavaScript et son utilité dans le navigateur
- Créer des scripts permettant de rendre interactives vos pages et applications
- Manipuler le contenu et le rendu de la page au travers de gestionnaires d’événements
- Faire de la Programmation Objet en JavaScript
- Coder avec les bonnes pratiques et les bons outils pour un code plus facile à maintenir
- Connaître les principes généraux de VueJS et Angular
- Connaitre l'architecture d'une application web basée sur ReactJS
- Intégrer les nouveautés du langage dans vos programmes avec EcmaScript 6/7
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Approfondir la compréhension des concepts clés de Vue.js, tels que les composants asynchrones, les composables et les directives personnalisées
- Maîtriser le routage et la navigation avec Vue Router
- Gérer efficacement les états d'application avec Pinia
- Développer des tests unitaires et end-to-end pour assurer la qualité du code
- Mettre en production et déployer des applications Vue.js en suivant les meilleures pratiques
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
