Votre partenaire formation 100% digital

Vue.js

Créez et combinez des « Web Components » avec VueJS pour réaliser des interfaces web interactives de nouvelle génération

  • Formateur(s)

    Cédric LE GALLO
  • Référence

    VJS

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Sur demande

Description

Frameworks et librairies MVC pullulent dans l’éco-système JavaScript, Vue.js se situe à la confluence des deux mondes en alliant avec efficacité : simplicité de la librairie et richesse du (micro)framework. Vue.js est par ailleurs très souple et extensible par l’ajout de plugins ou d’autres librairies. Vue.js est l’étoile montante de 2016 des librairies orientées composants.
Cette formation pratique donne les clés pour la réalisation d’application complète en exploitant au maximum les capacités de l’écosystème Vue.js.

Objectifs pédagogiques

  • Appréhender l’architecture du Framework
  • Comprendre le fonctionnement des éléments pour les utiliser
  • Développer une application Web complète avec Vue JS

Public cible

Architectes techniques, Chefs de projet Web, Développeurs, Experts front-end.

Pré-requis

Connaissance de base en HTML, CSS, JavaScript

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % théorie / 50 % pratique

Programme de la formation

Introduction et généralités

  • Qu’est-ce qu’un Framework de développement et l’intérêt d’un Framework
  • Etat de l’art du Web, la situation en 2017
  • Vue d’ensemble de Vue.js : historique et présentation

Quelques concepts importants

  • L’application web monopage ou SPA
  • L’application web progressive ou PWA
  • La structure des données JSON
  • Le protocole et les verbes HTTP
  • L’architecture REST
  • Le paradigme Composant
  • Programmation Objet en JavaScript
  • Programmation Fonctionnelle
  • Programmation Réactive

L’environnement de travail de Vue.js

  • L’environnement de Développement (IDEs)
  • Les outils du développeur
  • Vue-cli en détail
  • Premiers pas avec l’architecture Vue.js
  • L’écosystème Vue.js

Concepts de la librairie

  • Les composants
  • Les directives
  • Les filtres
  • Programmation des événements

Langage de templating Vue.js

  • L’interpolation
  • Le binding d’attributs
  • Le binding d’évènements
  • Les computed properties
  • L’utilisation de ‘modifiers’

Notions Avancées Vue.js

  • Les transitions vue.js
  • Le cycle de vie du composant
  • L’Instance de l’application

Communication serveur

  • Plugin vue-resource
  • Alternatives

Validation des formulaires

  • Plugin vue-validate
  • Alternatives

Routeur

  • Plugin officiel vue-router
  • Page.js
  • Alternatives

Etat

  • Plugin officiel vuex
  • Alternatives

Programmation Réactive

  • Plugin vue-rx

Conclusion

  • Synthèse de la formation
  • Remise des documents
  • Quelques resources utiles

Travaux pratiques : Réalisation en fil rouge d’une application de jeu multijoueurs.