Formation Vue.Js Avancé

Programme de notre formation VueJS Avancé

Avant-propos du formateur : Tous les points abordés et les travaux pratiques sont accompagnés de bonnes pratiques et de simplicité.
Le but étant principalement de vous transmettre « Comment penser et créer les bonnes pratiques selon votre cas d’usage ».
Comment organiser son projet pour le garder maintenable et pouvoir ajouter des features rapidement dans le cycle vie de votre webapp.

Introduction

• Vue d’ensemble de Vue.JS
• Rappels de bases

Kickstart

• Initialisation d’un projet
• Tours d’horizons de webpack, babel & polyfill

Router et Gestion d’erreur

• Vuex
• Vue-Router + Call API + Error Handling
• Vue-router, data fetching et protection de routes
• Utilisation et création d’un store et d’un “SDK”
• Error handler central
• Axios et WebSocket

Révision et cas d’usage

• Slots
• Injection
• Directive (création et utilisation de directive custom)

Pattern

• Quels patterns utiliser et quand ?
• Ou placer les filtres/extend/directives et autres “helpers”
• Liste des choix et possibilités
• Plugins
• Mixins
• Composant dynamique
• Import dynamique
• Template dynamique

Internationaliser sa webapp

• Internationalization – i18n
• Les bases – utilisations de fichiers statiques
• Comment rendre les langues dynamiques ?

Transition / Animation et Lazy Loading

• Transition pour Vue-router
• Transition sur liste
• Ajouter une animation plus complexe
• Lazy-loading : Images et components

Server-Side

• Faire le choix selon le besoin
• Nuxt
• Boilerplate
• Express-Vue
• WebComponent + Classic Server Side
• Full Static

Architectures complexes

• Présentation et explication d’architecture globale plus ou moins complexe
• Interface de création de page « drag and drop » de composants

Pour aller plus loin avec Vue

• Routing avec vue-router
• Bus d’événements avec vuex
• Ajax avec axios
• Mixins
• Plugins
• Routing
• Requêtes Ajax
• Server-Side Rendering
• Concept de virtual DOM
• Système de routage
• Gestion des événements
• Vue Mixins
• Système de slots
• Partage de données entre composants
• Réutilisation des composants dans d’autres applications Vue (plugin)
• Deployment
• Linters
• Debug et introduction et initiation rapide aux tests unitaires & fonctionnels
• Introduction rapide au Server-Side Rendering