Sélectionner une page
Formations Langage JavaScript Formation Vue.js : Version 3 avec TypeScript

Formation Vue.js 3

Rated 4.4 out of 5
Logo formation vuejs

Prix 1890€ HT / personne
Durée 3 jours (21 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

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

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

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

Rated 4 out of 5
12 juillet 2023

Les + : formateur très pédagogue

Les – : je pense un peu court

SIMIXAY P. de chez EFFICACITY

Afficher tous les témoignages

Rated 4 out of 5
12 juillet 2023

Les + : formateur très pédagogue

Les – : je pense un peu court

SIMIXAY P. de chez EFFICACITY
Rated 4 out of 5
12 juillet 2023

Je recommande la formation

CRISTINA G. de chez EFFICACITY
Rated 3 out of 5
12 juillet 2023

Je recommande la formation

SALAH A. de chez EFFICACITY
Rated 4 out of 5
12 juillet 2023

Je recommande la formation

ADRIEN M. de chez EFFICACITY
Rated 5 out of 5
12 juillet 2023

Je recommande la formation

BRUNO L. de chez EFFICACITY
Rated 5 out of 5
16 novembre 2022

Les + : La pratique

Alexandre L. de chez Direction Générale de la Gendarmerie Nationale
Rated 4 out of 5
16 novembre 2022

Je recommande la formation

Xavier J. de chez Direction Générale de la Gendarmerie Nationale
Rated 5 out of 5
16 novembre 2022

Les + : TypeScript avec vue.

Les – : Le manque de structuration de la formation.

Louis L. de chez Direction Générale de la Gendarmerie Nationale
Rated 5 out of 5
16 novembre 2022

Les + : Mise en pratique satisfaisante, pas du bête copier/coller

En synthèse : Merci

Florian D. de chez Direction Générale de la Gendarmerie Nationale
Rated 4 out of 5
16 novembre 2022

Les + : La pratique

L’écoute du formateur

Vincent D. de chez SYRLINKS
Rated 5 out of 5
1 juin 2022

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.

Philippe L. de chez ADEO
Rated 5 out of 5
1 juin 2022

formateur compétent, disponible

projets pratiques intéressants

formation à distance avec bonne logistique

/

NodeJs, NestJS

top

Alexandra C. de chez Direction Générale de la Gendarmerie Nationale

Noter la formation

Prix 1890€ HT / personne
Durée 3 jours (21 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

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

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp