Maîtriser un des frameworks les plus utilisés sur le développement web frontal en acquérant les bonnes pratiques du développement sur VueJS
- Nos Nouvelles Formations
- Développement
Formation Vue.JS Devenir un développeur Front End Vuejs niveau débutant
Objectifs
Prérequis
Connaître les notions fondamentales de la programmation (Algorithmie)
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Développeurs ou futurs développeurs Web
Formation(s) associée(s)
Dernière mise à jour
Programme mis à jour le 29 novembre 2024
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Formations modulables
Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Introduction à Vue.js et mise en place de l’environnement
● Objectifs et approche pédagogique
● Philosophie et grands principes de Vue.js
● Différences entre Vue, Angular, et React
● Programmation réactive : concepts et avantages
● ES2015+ et les modules modernes
● Utilisation de TypeScript avec Vue : concepts fondamentaux
● Installation de Vue.js avec Vue CLI et create-vue
● Outils modernes : Vite, Visual Studio Code, Volar
Travaux pratiques
● Mise en place d’un projet avec Vite et création de la première application Vue
Module2
Prise en main et introduction aux templates
● Structure et architecture de Vue.js : Single-File Components
● Introduction aux templates :
○ Utilisation des directives v-bind et v-on
○ De l’Option API à la Composition API
○ Définition et gestion des propriétés réactives
Travaux pratiques
● Création d’une interface utilisateur simple avec des templates Vue
Module3
Composants et réactivité
● Création et manipulation de composants
● Props et gestion des événements
● Cycle de vie des composants Vue
● Directives principales (v-html, v-model, v-if, etc.)
● Réactivité avancée avec reactive(), ref(), et computed()
● Définir des composants avec script setup
● Utilisation de watch() et watchEffect()
● Gestion du timing des mises à jour du DOM
Travaux pratiques
● Mise en œuvre de composants dynamiques et d’interactions utilisateur
Module4
Styles et classes
● Application de styles scopés dans Vue
● Préprocesseurs CSS (SCSS, LESS)
● Gestion avancée des styles et classes (objets, tableaux, conditions)
Travaux pratiques
● Stylisation complète d’un composant avec préprocesseurs et styles dynamiques
Module5
Approfondissement des composants
● Directives sur les composants : utilisation avancée
● Gestion des slots et slots nommés
● Cascade d’attributs dans les composants
● Provide et Inject pour partager des données entre composants
● Composants asynchrones : chargement dynamique
Travaux pratiques
● Création de composants complexes avec slots et fonctionnalités avancées
Module6
Composables, directives personnalisées et plugins
● Comprendre et utiliser des composables dans Vue
● Création de directives personnalisées
● Introduction aux plugins et extensions Vue
Travaux pratiques
● Développement d’un composable et d’une directive personnalisée
Module7
Routage et navigation avec Vue Router
● Introduction à Vue Router et configuration initiale
● Paramètres URL et construction d’une pagination
● Routes imbriquées et routes protégées
● Redirections, alias, et gestion des erreurs
Travaux pratiques
● Mise en place d’une navigation complète dans une application fil rouge
Module8
Gestion des états avec Pinia
● Passage de VueX à Pinia : différences et avantages
● Configuration et définition d’un store
● Gestion des états, getters et actions
Travaux pratiques
● Création et utilisation d’un store dans une application Vue
Module9
Tests et assurance qualité
● Introduction aux tests unitaires avec Vitest
○ Utilisation des fonctions describe(), test(), it()
○ Tests asynchrones et gestion des effets secondaires
● Présentation de Vue Test Utils pour les tests de composants
● Introduction aux tests end-to-end avec Cypress
● Stratégies de tests : couverture et organisation
Travaux pratiques
● Écriture de tests unitaires et intégration dans une application Vue
Module10
Mise en production et optimisation
● Meilleures pratiques pour le déploiement d’applications Vue
● Optimisation des performances avec Vite (tree-shaking, minification)
● Gestion des builds et configuration pour la production
Travaux pratiques
● Déploiement d’une application Vue sur une plateforme comme Netlify ou Vercel
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
18 novembre 2024
13 janvier 2025
17 mars 2025
05 mai 2025
