VueJS

Objectifs

• Comprendre les principes de VueJS


• Etre capable de développer une application de façon autonome avec VueJS


• Pouvoir s'interfacer avec un backend


• Connaître les bonnes pratiques de développement et de mise en production pour VueJS

Programme de la formation

Introduction à VueJS

• Node.js et npm JavaScript


• ES6, ES7 et Webpacks


• Les avantages de VueJS


• Création d'une application SPA et PWA


• L'écosystème VueJS


• IDE, CLI, outils (babel, browser-sync, ...) et plugins

Les Vues

• Structure d'une Vue


• Cycle de vie


• Templates VueJS (JSX, HTML)


• Styles CSS


• Binding des données


• Gestion des évènements


• Les mixins

Les directives

• Utiliser les directives


• Créer une directive

Les composants

• Créer un composants


• Cycle de vie d'un composant


• Découpler les widgets du HTML


• Affichage du composant (render)


• Gérer les props et les évènements


• Modules complets "stand alone"


• Communication entre composants

Routage

• Implémentation du routage


• Gérer les routes


• Vue-Router


• URL avec paramètres


• Gérer la navigation

Echanger avec un serveur

• Les requêtes HTTP / REST


• Les webSockets


• Utiliser Axios/Fetch

Store avec Vuex

• Communication avec le data store


• Gestion de l'état de l'application

BootstrapVue

• Présentation de la libraire


• Intégration dans l'application


• Utilisation des composants BootstrapVue

Les tests avec VueJS

• Présentation des outils


• Créer des tests


• Les tests en asynchrone

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique