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

Formation Vue.js 3

Logo formation vuejs

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

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas 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 Vitest 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.5).

 

Objectifs

  • Comprendre l’importance et les avantages d’un Framework de développement
  • Maîtriser les concepts de communication HTTP, Rest et JSON
  • Acquérir les bases de TypeScript et son utilisation dans Vue.js
  • Apprendre à utiliser efficacement Vue-Router pour la navigation dans une application Vue.js

 

Public visé

  • Développeurs front-end
  • Tech Lead ou Lead Dev
  • Chef de projet web
  • Architectes techniques
  • Ingénieur d’études

 

Pré-requis

 

Pré-requis techniques

  • Avoir Node.js installé

Programme de notre formation Vue.js

 

Jour 1 : Introduction et généralités

  • Qu’est-ce qu’un Framework de développement et l’intérêt d’un Framework
  • État de l’art du Web, la situation en 2024
  • Vue d’ensemble de Vue.js : historique et présentation

 

Quelques concepts importants

  • Les différentes applications web
  • La communication HTTP, Rest et JSON
  • Le paradigme Composant

 

Quelques rappels sur TypeScript

  • Introduction à TypeScript et son utilisation dans Vuejs
  • Types de base et variables
  • Interfaces et classes
  • Fonctions et paramètres optionnels

 

Premier pas avec Vue3

  • Les outils du développeur
  • Création d’une application
  • Premiers pas avec l’architecture Vue.js
  • L’écosystème Vue.js

 

Concepts de la librairie

  • Les composants
  • Les directives
  • 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’

 

Plongée dans les composants Vue

  • Le cycle de vie du composant
  • L’Instance de l’application
  • Références au template
  • Composants dynamique

 

Composition API

  • Les bases
  • La réactivité
  • Fonction Render

 

Gestion avancée : Slot, Component, Plugin

  • Les slots et les slots nommés
  • Les composants dynamiques
  • Les plugins

 

Jour 3 : Vue-Router

  • Introduction à Vue-Router et usage
  • Navigation et paramètres de route
  • Gardes de navigation
  • Lazy loading des composants de rout
  • Les sous-routes (nested routes)

 

Pinia : Le magasin de données (Data Store)

  • Principe du Storage
  • Pinia, comment gérer un état global sur sa SPA
  • Les actions et les getters
  • Comment typer son store Pinia

 

Tester les composants Vue

  • Comment bien tester son application pour ne rien laisser au hasard ?
  • Introduction à Vue-Test-Utils et Vitest
  • Installation et configuration
  • Tester des composants Vue
  • Simuler des événements et des interactions
  • Mocks et stubs
  • Tester notre application au niveau de l’utilisateur

 

Conclusion

  • Synthèse de la formation
  • Remise des documents
  • Quelques ressources utiles

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

21 février 2024

Les + : Cédric connait parfaitement son sujet (Vue avec son environnement et son historique, le développement frontend en général).

Formation actualisée avec les dernières nouveautés de Vue (moins de 2 mois).

100% TypeScript.

Les – : Petit regret de n’avoir pas pu faire la formation en présentiel, pour des interactions encore meilleures.

Public très hétérogène (dans la connaissance de Vue ou même de JS) ; le grand écart n’a pas dû être facile pour Cédric.

Probablement un peu dense pour les élèves qui découvraient Vue.

En synthèse : Bon formateur, très compétent, avec un spectre de connaissances très large. Formation actualisée avec les dernières nouveautés de Vue (moins de 2 mois) et 100% TypeScript.

Juste un peu déçu que la formation initialement proposée en présentielle soit finalement passée en distancielle.

Adrien P. de chez

Afficher tous les témoignages

21 février 2024

Les + : Cédric connait parfaitement son sujet (Vue avec son environnement et son historique, le développement frontend en général).

Formation actualisée avec les dernières nouveautés de Vue (moins de 2 mois).

100% TypeScript.

Les – : Petit regret de n’avoir pas pu faire la formation en présentiel, pour des interactions encore meilleures.

Public très hétérogène (dans la connaissance de Vue ou même de JS) ; le grand écart n’a pas dû être facile pour Cédric.

Probablement un peu dense pour les élèves qui découvraient Vue.

En synthèse : Bon formateur, très compétent, avec un spectre de connaissances très large. Formation actualisée avec les dernières nouveautés de Vue (moins de 2 mois) et 100% TypeScript.

Juste un peu déçu que la formation initialement proposée en présentielle soit finalement passée en distancielle.

Adrien P. de chez
21 février 2024

Je recommande la formation

Didier P. de chez
21 février 2024

Les + : pédagocie du formateur

Nicolas H. de chez
21 février 2024

Les + : découverte de vueJS dans sa globalité.

construction pas à pas d’une application permettant de voir chaque concept de manière évolutive et cohérente.

Les – : Peut-être trop d’informations en trop peu de temps pour réellement tout absorber.

Je souhaite suivre : –

En synthèse : merci

Christophe H. de chez S.
12 juillet 2023

Les + : formateur très pédagogue

Les – : je pense un peu court

SIMIXAY P. de chez EFFICACITY
12 juillet 2023

Je recommande la formation

CRISTINA G. de chez EFFICACITY
12 juillet 2023

Je recommande la formation

SALAH A. de chez EFFICACITY
12 juillet 2023

Je recommande la formation

ADRIEN M. de chez EFFICACITY
12 juillet 2023

Je recommande la formation

BRUNO L. de chez EFFICACITY
16 novembre 2022

Les + : La pratique

Alexandre L. de chez Direction Générale de la Gendarmerie Nationale
16 novembre 2022

Je recommande la formation

Xavier J. de chez Direction Générale de la Gendarmerie Nationale
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

Noter la formation

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

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas 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