Objectifs pédagogiques
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)
A qui s’adresse cette formation ?
Prérequis
Programme de formation
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
En apprendre davantage sur Vue.js
Créé en 2013 par Evan You et déployé pour la première fois en 2014, Vue.JS est, comme son nom l’indique, un framework JavaScript. Il faut savoir que ce framework est totalement maintenu par son créateur et son équipe travaillant ainsi sur le projet et son écosystème. Vue.JS est open-source et architecturé selon le principe MVVM, modèle-vue-vue modèle. Cette méthode, à l’instar du modèle MVC (modèle-vue-contrôleur) a pour but la séparation entre vue, logique et accès aux données à l’aide de liaisons. Vue.JS a été créé pour être le plus léger possible afin d’avoir un temps de chargement le plus rapide possible.
En effet, le domaine d’application principal du framework Vue est le web. Plus précisément, Vue.JS trouve surtout son utilité dans les applications web monopages. Il sert à y créer une interface utilisateur dynamique et rapide. Ce dernier requiert un environnement Node.js pour fonctionner et il permet au HTML de s’étendre avec des attributs HTML appelés directives.
Grâce à cette formation Vue.JS de 3 jours, vous serez en mesure de créer des applications monopages avec une UI moderne, complexe et sûre. Vous apprendrez les bonnes pratiques d’utilisation de la librairie JavaScript et les principales fonctionnalités apportées par le framework.
Montez en compétences avec notre formation Vue.js
Le framework Vue.js complétera idéalement vos connaissances de JavaScript, vous permettant ainsi d’acquérir de nouvelles compétences. De ce fait, en complément des formations de développement front-end que vous avez déjà réalisées, la formation Vue.js vous apportera de nouvelles techniques modernes afin de les mettre en application immédiatement. L’avantage de choisir Sparks Formation pour vous accompagner dans votre apprentissage, c’est que nous disposons de centres de formation un peu partout sur le territoire, vous proposant ainsi des stages en présentiel. Bien évidemment, nous dispensons également la formation Vue.js en distanciel pour assurer votre confort respectant ainsi vos contraintes et vos obligations. Réservez dès maintenant votre session de formation pour vous ou les collaborateurs de votre entreprise recherchant un moyen d’accélérer leur performance grâce à des experts formateurs qualifiés.
