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
Oui
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

253 Boulevard de Leeds
59777 Lille

Responsable : Regus Lille

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