VueJS - Développeur

Formation créée le 21/05/2021. Dernière mise à jour le 20/01/2023.
Version du programme : 1

Type de formation

Formation à distance

Durée de formation

21 heures (3 jours)

VueJS - Développeur


Framework JS Open source le plus connu, devant React et Angular, VueJS est un incontournable. Vous serez capable de construire votre application grâce à cette librairie et son écosystème au terme de cette formation. Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de développer une application Single Page App (SPA) complète avec le framework open source JavaScript Vue.js.

Objectifs de la formation

  • Maitriser l’environnement du développeur JS
  • Comprendre les principes clés de Vue.js
  • Savoir développer une SPA avec Vue.js
  • Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js
  • Appliquer les bonnes pratiques à un projet Vue.js

Profil des bénéficiaires

Pour qui
  • Développeurs web
  • Intégrateurs
  • Architectes logiciel
  • Chefs de projet
Prérequis
  • Maîtrise avancée de JavaScript
  • Solides bases en HTML

Contenu de la formation

Introduction
  • Rappels JavaScript
  • Comparaison entre VueJS et les autres frameworks Open Source JS
  • La migration vers VueJS
  • L’architecture Modèle-vue-vue Modèle
  • Les outils nécessaires à VueJS
  • L’utilisation des données pour la gestion de l’interface graphique
  • La liaison de données
  • La structure de contrôle : répétitives ou alternatives
  • Event
  • Component
  • Travaux pratiques : Implémentation des outils, création du modèle et de l’interface graphique
Les fondamentaux
  • La requête et son rôle dans VueJS
  • Les modèles
  • Les propriétés calculées
  • Comparaison v-model et v-blind
  • Présentation pratique du v-model
  • L’interpolation
  • Attributs, filtres et directives
  • La gestion de listes
  • L’affichage conditionnel
  • Les composantes dynamiques
  • Communication de données entre composants
  • Event management
  • Travaux pratiques: Poursuite du projet d’application avec implémentation des notions rencontrées
VueJS : fonctionnement avancé
  • Transitions, transitions CSS & transitions dynamiques
  • Les animations
  • Les fonctions render
  • Les composants fonctionnels et les single file components
  • Les directives : présentation de différentes directives sous Vue
  • Les directives adaptées
  • Travaux pratiques: Création et manipulation de transitions et de directives dans l’application
Les extensions
  • Les extensions mixin
  • Les extensions Plug-in
  • Les extensions monofichier
  • Travaux pratiques: Création et intégration d’extensions au projet
La navigation dans l'applicationRappels JavaScript
  • Présentation des routes
  • Présentation du module vue-router
  • Les modes
  • Les liens
  • Vue initiale et liens
  • Travaux pratiques: Traitement des routes dans l’application

Équipe pédagogique

Professionnel expert dans le développement JS

Suivi de l'exécution et évaluation des résultats

  • Feuilles de présence
  • Formulaires d'évaluation de la formation
  • Certificat de réalisation de l’action de formation
  • Mises en situation
  • Émargement numérique

Ressources techniques et pédagogiques

  • Documents supports de formation projetés.
  • Exposés théoriques
  • Etude de cas concrets
  • Mise à disposition en ligne de documents supports à la suite de la formation.
  • Espace intranet de la formation

Qualité et satisfaction

Taux de satisfaction des stagiaires Progression des compétences visées Taux d'abandon Taux de retour des enquêtes Taux d'interruption en cours de prestation