Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie

Vue.js

Des bases solides pour développer des applications avec Vue.js

Vue.js (aussi appelé plus simplement Vue), est un framework JavaScript open-source utilisé pour construire des interfaces utilisateur.

Par son pragmatisme, sa puissance et sa versatilité, Vue.js s’est rapidement imposé comme un framework web majeur.

Objectifs

  • Maîtriser les concepts d’architecture clé de Vue.js
  • Développer l’interface graphique d’applications web ou de Single Page Application complètes avec Vue.js
  • Mettre en oeuvre les outils de développement spécifiques à Vue.js
  • Mettre en oeuvre les plugins Vue.js majeurs

Public

  • Développeurs, intégrateurs, architectes logiciel, chefs de projet technique

Prérequis

  • Connaissances de base en développement logiciel
  • Connaissances du langage HTML et CSS
  • Avoir suivi ou avoir des connaissances équivalentes aux cours:
    • JavaScript: les fondamentaux du langage
    • JavaScript: développer des applications web

Programme de la formation

Introduction à Vue.js

  • Principes et philosophie de Vue.js
  • Comparaison avec les autres frameworks majeurs
  • Roadmap
  • Installer Vue.js
  • Ateliers:  Installation de Vue.js, Quick win: prise en main de Vue.js

Core Library

  • L’instance de Vue, son cycle de vie et ses propriétés $
  • Le système de réactivité
  • Le système de template et les interpolations
  • Les directives
  • Ateliers:
    • Mise en oeuvre des propriétés réactives
    • Utilisation des directives: rendus conditionnels, listes, évènements, formulaires, style
    • Réagir au cycle de vie de l’instance Vue

Les composants

  • Définition d’un composant Vue
  • Enregistrement des composants
  • Props
  • Template, slots
  • Organisation arborescente et communication entre composants
  • Composants dynamiques
  • Animations et transitions
  • Ateliers: Création d’une vue unique constituée de plusieurs composants personnalisés

Réutilisabilité et composition

  • Mixins
  • Filtres
  • Plugins
  • Ateliers: Création et utilisation de mixins, filtres et plugins

Outillage

  • Vetur, client VSCode
  • Devtools, plugin pour navigateur
  • Vue CLI, RAD console
  • TypeScript
  • Ateliers: Mise en place d’un environnement de développement complet

Single View Components

  • Introduction aux Single File Components
  • Les différentes manières de créer des SFC
  • Ateliers: Création de Single File Component

Vue Router

  • Principes de Vue Routeur
  • Installation de Vue Routeur
  • Accès au routeur
  • Fonctionnalités du routeur: matching de route dynamique, routes imbriqués, navigation programmatique,…
  • Gardes de navigation
  • Ateliers: Création d’une Single Page Application avec Vue Routeur

Vuex

  • Architecture de Vuex et State management pattern
  • Installation de Vuex
  • Mettre en oeuvre Vuex
  • Librairies alternatives
  • Ateliers: Gestion centralisée de l’état d’une application avec Vuex

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.