Formation Vue.js 3
1890€ HT / personne |
3 jours (21 heures) |
Présentation
Avec notre formation Vue.js dernière génération vous allez plonger dans le développement Web moderne des SPA (single-page application). Nous vous montrerons comment ce framework permet de simplifier votre code pour développer rapidement et plus efficacement que jamais vos interfaces Web monopages. La richesse de ses fonctionnalités vous permettra de mettre en place une structure éprouvée afin de bâtir un projet professionnel dans la durée. Nous vous apprendrons à devenir autonome au travers d’exemples concrets, de bonnes pratiques et aux retours terrain de notre formateur expert qui se fera un plaisir de vous partager ses meilleures astuces de code.
Doté d’une importante communauté, Vue a su s’imposer ces dernières années comme LE challenger des technologies front-end. Il propose de nombreuses fonctionnalités tout en étant léger et intuitif, il a de nombreux atouts avec notamment un support qui plaira à la fois aux développeurs passionnés mais aussi aux entreprises soucieuses de la qualité logiciel avec un délai de réponse moyen de seulement quelques heures.
S’adressant aux développeurs web, cette formation Vue 3 en TypeScript tournée vers la pratique permet de mieux comprendre comment la toute nouvelle version 3 fonctionne en détaillant toutes ses subtilités. En tant que centre de formation, nous avons tout fait pour vous faciliter sa compréhension pour une montée en compétence rapide et efficace. En fil rouge nous utiliserons intensivement la Composition API tout en alliant les meilleures pratiques de développement avec TypeScript.
Une fois à l’aise et autonome grâce à l’acquisition progressive de bases solides et un contenu exclusif, et après avoir vu en détail ce qu’il y a sous son capot (Routing, Composant, Slot, Plugin, patterns etc.), nous étudierons en profondeur Pinea pour la gestion avancée du Storage.
Enfin nous testerons notre application avec Jest pour ne rien oublier et mettre notre code en production en toute sérénité.
Notre formation Vuejs 3 alternera des cours théorique et retour d’expérience du formateur au sujet du fonctionnement de la librairie ainsi que des travaux pratiques. Le matériel de cours sera fourni à chaque participant au format PDF, et tous les exercices et travaux pratiques seront fournis en format électronique.
Comme dans toutes nos formations, celle-ci vous présentera la toute dernière version de Vue (à la date de rédaction de l’article : Vuejs 3.3).
Objectifs
- Découvrir VueJS en utilisant TypeScript et en respectant les bonnes pratiques
- Développer une application web riche et progressive avec la composition API
- Connaître et utiliser les fonctionnalités de la dernière version du framework Vue
- Savoir manipuler correctement le storage avec Pinia
Public visé
- Développeurs front-end
- Tech Lead ou Lead Dev
- Architectes techniques
- Ingénieur d’études
Pré-requis
- Connaissances de HTML et CSS
- Connaissances de base en JavaScript
Programme de notre formation Vue.js
Jour 1 : Introduction et généralités
- Qu’est-ce qu’un (bon) Framework Web ?
- Aperçu rapide du marché actuel : le combat des titans
- Pourquoi utiliser Vuejs dans vos développements Web en 2023 ? Gains, performance, productivité, avantages et inconvénients
Quelques rappels sur TypeScript
- Introduction à TypeScript et son utilisation dans Vuejs
- Types de base et variables
- Interfaces et classes
- Fonctions et paramètres optionnels
- Génériques et décorateurs
- Modules
Les concepts essentiels
- Les différents types d’applications Web qu’on retrouve sur le marché
- SPA
- MPA
- PWA
- REST, HTTP et JSON
- Le paradigme Composant
Bien débuter avec Vue3 pour partir du bon pied
- Les différents outils
- l’écosystème et la communauté
- Introduction à l’architecture Vue.js
- L’environnement Vue.js
Principaux concepts de la librairie
- Les composants
- Les directives
- Les filtres
- Programmation des événements
Jour 2 : Langage de templating Vue.js
- L’interpolation
- Le binding d’attributs
- Le binding d’évènements
- Les computed properties
- L’utilisation de ‘modifiers’
Initiation à VueJS 3 et la Composition API
- Introduction à Vue 3
- L’Instance de l’application
- Fonction Render
- Les bases de la Composition API
- Réactivité et refs
- Composables et watch
- Le Cycle de vie : Lifecycle hooks avec la Composition API
- Les références au template
- Les composants dynamiques
La réactivité de vue3
- Fonctionnement sous le capot
- ActiveEffect et Ref
Gestion avancée : Slot, Component, Plugin
- Les slots et les slots nommés
- Les composants dynamiques
- Les plugins
Vue-Router
- Introduction à Vue-Router et usage
- Configuration et utilisation des routes
- Navigation et paramètres de route
- Gardes de navigation
- Lazy loading des composants de route
- Les sous-routes (nested routes)
- Transitions de navigations
Pinia : Le magasin de données (Data Store)
- Principe du Storage
- Les différences entre Pinia et Vuex
- Pinia, comment gérer un état global sur sa SPA
- Les actions et les getters
- Comment typer son store Pinia
Jour 3 : Bonnes pratiques de développement Vue3
- Design patterns sur le composant
- Les écueils dans Vue3
- A11Y dans les formulaires
Architecture de projet
- Structurer un projet Vue, les différentes méthodes
- Modularisation et organisation du code
- Bonnes pratiques et conventions
- Technique avancée
Tester les composants Vue
- Comment bien tester son application pour ne rien laisser au hasard ?
- Introduction à Vue-Test-Utils et Vitest
- Installation et configuration
- Tests unitaires avec Jest et vue-test-utils
- Tester des composants Vue
- Simuler des événements et des interactions
- Mocks et stubs
- Tester notre application au niveau de l’utilisateur
Nouveautés et évolutions du framework
- Lecture et explication du code source
- Les dernières nouveautés
- le futur de Vuejs ?
Conclusion
- Retour sur la formation
- Remise des documents
- Ressources utiles
- Travaux pratiques : Exercices spécifiques dédiés à chaque notion
FAQ – QUESTIONS / RÉPONSES
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Qu'est-ce que le CPF ?
Le CPF (Compte Personnel de Formation) est un dispositif régit par l’état français pour permettre aux salariés de disposer d’un financement mobilisable uniquement pour la formation.
Pourquoi suivre une formation éligible au CPF ?
Pour profiter des nombreux avantages qu’offre le CPF :
Une formation finançable jusqu’à 100%
Une formation de qualité approuvée par l’instance gouvernementale France Compétences
L’obtention d’une certification délivrée par France Compétences
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.
Comment m'inscrire via moncompteformation ?
Il suffit de cliquer sur le bandeau vert «CPF» à droite de l’écran (ou en haut si vous utilisez un mobile). Vous devrez ensuite sélectionner une date de session depuis le site MonCompteFormation.
Comment augmenter son solde CPF ?
Vous êtes crédités à la fin de chaque année travaillée sur votre compte Moncompteformation. Vous pouvez recevoir jusqu’à 500 euros par an. Le plafond est fixé à 5 000€ sauf pour des cas spécifiques où la limite atteint 8 000€..
Les cas spécifiques où le plafond est fixé à 8 000€ :
- Salarié non qualifié
- Travailleur reconnu handicapé
- Victime d’accident du travail ou de maladie professionnelle ayant entraîné une incapacité permanente d’au moins de 10 %
- Bénéficiaire d’une pension d’invalidité
- Bénéficiaire d’une pension militaire
- Bénéficiaire d’une allocation ou rente d’invalidité des sapeurs-pompiers volontaires
- Bénéficiaire de la carte mobilité inclusion portant la mention « invalidité »
- Bénéficiaire de l’allocation aux adultes handicapés (AAH)
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.
Comment puis-je financer cette formation ?
Contactez-nous pour trouver une solution de financement sur mesure ! Nous vous aiderons à choisir parmi les options suivantes :
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
Pour aller plus loin
Formation Vue Avancé
Formation MEVN
Formation Nuxt
Formation Angular
Formation Angular Avancé
Formation React
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Edouard
Je suis un développeur full-stack, spécialisé dans la création d’application web, progressive web app et application mobile en JavaScript.
Passionné depuis la première heure, je préconise VueJS pour la réalisation de vos front-end.
Pour le backend, je suis expérimenté sur les domaines suivants : API REST, Mongo, SQL, Redis, micro-services, websockets, blockchain.
Cédric
Consultant et leader technique sur les technologies du web, je dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. je mets à disposition mes compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web : PWA, WebComponent, …
Témoignages
Les + : formateur très pédagogue
Les – : je pense un peu court
Afficher tous les témoignages
Les + : formateur très pédagogue
Les – : je pense un peu court
Je recommande la formation
Je recommande la formation
Je recommande la formation
Je recommande la formation
Les + : La pratique
Je recommande la formation
Les + : TypeScript avec vue.
Les – : Le manque de structuration de la formation.
Les + : Mise en pratique satisfaisante, pas du bête copier/coller
En synthèse : Merci
Les + : La pratique
L’écoute du formateur
formateur qui maitrise son sujet,
répond aux questions rapidement.
Exercices sur sujets variés
A distance, le suivi par le partage d’écran est parfois difficile, car on doit aussi suivre sur nos sources.
Bonne formation et 3 jours qui passent rapidement.
formateur compétent, disponible
projets pratiques intéressants
formation à distance avec bonne logistique
/
NodeJs, NestJS
top
Navigation Site Reviews
Noter la formation
1890€ HT / personne |
3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS