Aller au contenu principal

Formation Vue.js

Date de mise à jour :
Identifiant Offre Info : 20_2488104F
Organisme responsable : VIVANEO (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Maîtriser les concepts fondamentaux de Vue.js.
  • Exploiter les fonctionnalités modernes d'ES6, ES2015 et TypeScript avec Vue.js.
  • Utiliser les Hooks pour gérer l'état et les effets dans les composants.
  • Gérer les routes de l'application avec Vue Router.
  • Utiliser le Context pour partager des données entre les composants.

Programme de la formation

Module 1 : Introduction à Vue.js Présentation de Vue.js, ses avantages et son écosystème. Installation et configuration de l'environnement de développement Vue.js. Module 2 : Concepts de base de Vue.js Comprendre la structure d'une application Vue.js. Utilisation des directives, des templates et de la réactivité. Gestion de l'état local dans les composants. Module 3 : ES6, ES2015 et TypeScript avec Vue.js Nouveautés de ES6 et ES2015 : classes, destructuration,…

Module 1 : Introduction à Vue.js
  • Présentation de Vue.js, ses avantages et son écosystème.
  • Installation et configuration de l'environnement de développement Vue.js.
Module 2 : Concepts de base de Vue.js
  • Comprendre la structure d'une application Vue.js.
  • Utilisation des directives, des templates et de la réactivité.
  • Gestion de l'état local dans les composants.
Module 3 : ES6, ES2015 et TypeScript avec Vue.js
  • Nouveautés de ES6 et ES2015 : classes, destructuration, promesses, etc.
  • Intégration de TypeScript avec Vue.js pour une gestion plus rigoureuse des types.
Module 4 : Création et gestion des composants
  • Création de composants Vue.js : syntaxe et structure.
  • Communication entre les composants via les props, événements et slots.
  • Gestion de la logique métier dans les composants.
Module 5 : Utilisation des Hooks dans Vue.js
  • Introduction aux Hooks pour gérer l'état et les effets dans les composants.
  • Utilisation des Hooks pour gérer les données asynchrones dans Vue 3.
Module 6 : Nouveautés de Vue 3
  • Présentation des nouvelles fonctionnalités de Vue 3 : Composition API, Téléport, etc.
  • Utilisation des nouveautés de Vue 3 pour améliorer la performance et la modularité de l'application.
Module 7 : Gestion de la navigation avec Vue Router
  • Introduction à Vue Router pour la gestion des routes dans une application Vue.js.
  • Configuration des routes, navigation entre les pages et gestion des paramètres d'URL.
Module 8 : Utilisation du Context API
  • Partage de données entre composants à l'aide du Context API.
  • Gestion des données globales dans l'application Vue.js via Context.
Module 9 : Librairies de composants pour Vue.js
  • Découverte des librairies populaires pour Vue.js : Vuetify, Element UI, BootstrapVue, etc.
  • Améliorer l'expérience utilisateur en utilisant des composants préconçus.
Module 10 : Intégration de Redux avec Vue.js
  • Introduction à Redux et son utilisation dans une application Vue.js pour gérer l'état global.
  • Création et gestion des actions, reducers et store avec Vue et Redux.
Module 11 : Optimisation des performances et bonnes pratiques d'architecture
  • Techniques d'optimisation des performances dans Vue.js (lazy loading, code splitting, etc.).
  • Structuration de l'application Vue.js pour une meilleure maintenabilité et scalabilité.
  • Meilleures pratiques pour écrire du code Vue.js propre et performant.

Validation et sanction

  • Maîtriser les concepts fondamentaux de Vue.js
  • Utiliser les nouvelles fonctionnalités d'ES6, ES2015 et TypeScript avec Vue.js
  • Créer et gérer des composants Vue.js
  • Utiliser Vue Router pour la gestion des routes
  • Utiliser les Hooks dans Vue 3
  • Gérer l'état global avec Vuex (ou alternatives)
  • Améliorer les performances de l'application Vue.js
  • Utiliser des librairies de composants et des UI frameworks avec Vue.js
  • Intégrer Redux ou alternatives pour la gestion de l'état
  • Déployer une application Vue.js
  • Appliquer les bonnes pratiques de développement avec Vue.js

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Non
Financeurs
  • Autre

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

  • OPCO

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

Conditions d'accès

Publics visés

  • Salarié
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

- Maîtrise de HTML5 et CSS3. - Une expérience préalable avec un autre framework comme ReactJS ou Angular est un atout.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

33 Rue d'Alsace-lorraine
59400 Cambrai

Responsable : Cambrai

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 Rue du Chemin Vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes