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)

    Formateur Cedric LE GALLO
    Cédric LE GALLO
  • Référence

    VJS

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

pictogramme calendrier Prochaines sessions

Prochaines sessions - Vue.js
Date de début Ville Prix unitaire HT
9 décembre 2019 Paris 1650 € Réserver

pictogramme information 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.

pictogramme progamme 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

pictogramme cible Public cible

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

pictogramme check liste 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

pictogramme information 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.