Formation Vue.JS Framework JavaScript

Si vous êtes perdu face aux nombreux frameworks JavaScript modernes, Vue.js est la réponse à la complexité grandissante des solutions existantes. Puissant, rapide et couvrant toutes les fonctionnalités que l’on attend actuellement d’un toolkit GUI moderne, il reste facile à apprendre et à utiliser, tout en ne pesant que 18kb une fois compressé et minifié.

Ce cours vous apprend à créer l’interface d’une application Web dynamique ou d’une SPA en utilisant le framework Vue.js. Cet outil très flexible et pourtant léger, codé par l’équipe du géant chinois alibaba.com, est spécialisé dans la manipulation performante et simple de l’affichage dans le naviGustur.

À l’issue de cette formation, vous aurez appris à tirer partie de Vue.js et bénéficierez de sa flexibilité pour savoir :

• Améliorer une page existante de façon non obstrusive, comme le permettrait jQuery
• Construire un templating dynamique et automatique de toute la page, comme le ferait Angular.JS 1
• Créer vos propres widgets réutilisables et intégrer ceux de la communauté pour aboutir à une architecture complètement basée sur des composants réutilisables, comme avec React.JS.

Ce cours s’adresse principalement aux développeurs front-end désireux de créer des pages web dynamiques ou des SPA (single-page applications).

Pour suivre ce cours Vue.js dans de bonnes conditions, il est indispensable de maîtriser HTML et JavaScript.

Avantages et inconvénients de Vue.js

• Les origines du framework Vue.js Pourquoi choisir Vue.js? Comparaison avec les frameworks : – jQuery – AngularJS 1 – ReactJS

Utilisation simple de Vue

• Utilisation simple, sans outils de build Présentation de “hello world” Savoir intégrer Vue.js incrémentalement

Utilisation sous forme de templates (comme AngularJS)

• Le one-way data binding Connaître les méthodes d’utilisation de Vue.js Les computed properties Directives de contrôle de flux Directives de gestion d’évènements Présentation des principaux filtres Les composants fournis avec Vue.js Connaître les pièges les plus courants

Utilisation sous forme de composant (comme ReactJS)

• Découpler les widgets du HTML Présentation du cylcle de vie des composants Modules complets “stand alone” Connaitre la hiérarchie et la composition Maîtriser les états et la communication entre composants

Routing avec Vue-router

• La déclaration des vues La manipulation de l’historique La navigation

Data store avec Vuex

• Bus de communication Mutation de l’état de l’application

Présentation d’Ajax avec Axios

• Gérer des sources de données extérieures asynchrones Application REST avec Vue.js

Vue dans une stack JS moderne : npm, webpack et Babel

• Installation via le package manager La construction via webpack Pre-processing avec Babel