Vue.js – Développer des applications Web

Référence : T44A-047

Infos pratiques

  • Durée : 3 jours soit 21 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendre à industrialiser, structurer et optimiser ses développements d'applications Web JavaScript en utilisant le framework Vue.js

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

  • Installer et configurer un projet Vue.js
  • Mettre en place des interactions simples (data binding, événements)
  • Collecter les données utilisateurs avec des formulaires
  • Définir des composants réutilisables
  • Mettre en place la navigation dans l’application
  • Stocker les données dans le « local storage »
  • Echanger des données avec le serveur

Pré-requis

  • Connaître les notions fondamentales de la création de pages Web HTML
  • Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python)

Objectifs opérationnels et contenu de la formation

Présentation de Vue.js

  • Historique et rappels JavaScript
  • Comparaison avec Angular et React
  • Un framework progressif
  • Environnement de développement

Template

  • Syntaxe
  • Définir et gérer les propriétés
  • Définir et gérer les événements
  • Définir et gérer les zones de saisie

Réutilisabilité et composition

  • Directives de Vue.js
  • Component
  • Mixin
  • Création de directives

Structurer son projet

  • Utilisation de NodeJS
  • Commandes vue-cli
  • Modules et syntaxe ES6
  • Webpack

Navigation dans l’application

  • Présentation du module vue-router
  • Définition des routes
  • Passer des paramètres
  • Liens et actions de navigation

Gestionnaire d’états Vuex

  • Données de l’application
  • Persistance locale des données
  • Manipulation du state
  • Définition d’action
  • Création de plugins

Communication avec le serveur

  • Requêtes AJAX avec l’API Fetch
  • Objets Promise
  • Synchronisation des échanges
  • Mise en œuvre des tokens d’authentification JWT

Bibliothèque de composants Vuetify

  • Configuration du projet pour vuetify
  • Présentation des composants
  • Intégration des principaux composants
  • Personnalisation du thème

Travaux pratiques

  • Création d’une application bancaire de gestion de comptes et de clients
    • Mise en place du projet
    • Création d’un premier template
    • Ajout d’un formulaire de création d’un nouveau client
    • Mise en place de la navigation dans l’application
    • Création de services métiers de persistance locale
    • Connexion de l’application à un service Web REST

Méthodes et moyens

 Explications théoriques suivies de pratiques guidées puis de mises en autonomie


Votre formation a lieu en présentiel :

  • 1 vidéoprojecteur par salle
  • 1 ordinateur

Votre formation se déroule à distance avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque)
  • 1 Webcam (facultatif – dans l’idéal)
  • 1 deuxième écran (facultatif – dans l’idéal)

Votre formation se déroule sur notre plate-forme de formation avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque - facultatif)

Méthodes d’évaluation des acquis

L’acquisition des compétences de la formation se fait à travers le suivi du formateur tout au long de la formation (séquences synchrones et asynchrones). Elle s’appuie également sur la réalisation d’exercices et de TP. Enfin, des quiz s’ajoutent aux différents outils de validation de l’acquisition des compétences visées.
Une évaluation est systématiquement réalisée par chaque stagiaire, à l’issue de la formation.

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de maintien et d’évolution de leurs compétences aussi bien au niveau technique que pédagogique.
Chacun de nos formateurs a bénéficié d’une formation spécifique à l’animation de classe virtuelle et à l’utilisation des solutions de formation à distance du Groupe ARKESYS.

Support stagiaire

À l’issue de la formation, les exercices et travaux pratiques réalisés, leurs corrigés ainsi qu’un support de cours dématérialisé sera fourni à chaque stagiaire par e-mail ou via la plate-forme FOAD.

Accessible à tous

Cette formation est accessible à toute personne en situation de handicap. Notre référent handicap prendra contact avec les stagiaires concernés pour adapter l’animation à leurs besoins et rendre l’apprentissage accessible à tous. Enfin, nos centres de formation sont accessibles aux personnes à mobilité réduite.