Objectifs de la formation Vue.js

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 navigateur.

À 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.

À qui s’adresse cette formation ?

Public :

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).

 Prérequis :

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

Contenu du cours Vue.js

Avantages et inconvénients de Vue.js

Les origines du framework Vue.js

Pourquoi choisir Vue.js ?

Comparaison avec les frameworks :

– jQuery

– AngularJS 1

– React.JS

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