● Comprendre les concepts avancés du Framework Vue.js
● Tester complètement son application
● Augmenter les performances de son application
● Internationaliser sa WebAp
- .Développement
- Développement web
Formation Vue.js Avancé 1
Objectifs
Prérequis
Avoir suivi la formation Vue.js Développement d'applications Web ou connaissances équivalentes
Public
Développeurs
Formation(s) associée(s)
A distance / Classe virtuelle
En classe virtuelle, vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel : cours théorique, travaux pratiques, échanges en temps réel avec le formateur et les autres stagiaires…
Présentiel
Formations intra ou interentreprises, cours officiels ou création de contenu spécifique, nos formations sauront répondre à vos attentes.
Les + d'une formation Access it
Des formations d'excellence, éligibles CPF, disponibles en distanciel, et animées par des consultants experts passionnés par leur métier.
Les Modules
de formation
Module 1
Kickstart
● Initialisation d’un projet
● Tours d’horizons de webpack, babel & polyfill
● Tours d’horizons de webpack, babel & polyfill
Module 2
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
● 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
Module 3
Révision et cas d'usage
● Slots
● Injection
● Directive (création et utilisation de directive custom)
● Injection
● Directive (création et utilisation de directive custom)
Module 4
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
● Ou placer les filtres/extend/directives et autres “helpers”
● Liste des choix et possibilités
● Plugins
● Mixins
● Composant dynamique
● Import dynamique
● Template dynamique
Module 5
Internationaliser sa webapp
● Internationalization - i18n
● Les bases - utilisations de fichiers statiques
● Comment rendre les langues dynamiques ?
● Les bases - utilisations de fichiers statiques
● Comment rendre les langues dynamiques ?
Module 6
Transition / Animation et Lazy Loading
● Transition pour Vue-router
● Transition sur liste
● Ajouter une animation plus complexe
● Lazy-loading : Images et components
● Transition sur liste
● Ajouter une animation plus complexe
● Lazy-loading : Images et components
Module 7
Server-Side
● Faire le choix selon le besoin
● Nuxt
● Boilerplate
● Express-Vue
● WebComponent + Classic Server Side
● Full Static
● Nuxt
● Boilerplate
● Express-Vue
● WebComponent + Classic Server Side
● Full Static
Module 8
Architectures complexes
● Présentation et explication d’architecture globale plus ou moins complexe
● Interface de création de page "drag and drop" de composants
● Interface de création de page "drag and drop" de composants
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?
Contactez-nous en remplissant le formulaire ci-dessous
