Vue.js avancé

• Aborder les bonnes pratiques
• Développer des composants réutilisables
• Améliorer les performances de vos applications
• Comprendre les render functions (Vue.js sans templates!)
• Déveloper des mixins pour développer plus vite
• Avoir une approche plus déclarative
• Appréhender le Server Side Rendering avec Nuxt

‍

‍

Profil du stagiaire

• Toute personne souhaitant découvrir le framework VUE.JS

Prérequis

• Connaissances de HTML et CSSUne bonne connaissance de Javascript
• Avoir développé des projets avec Vue.js, peu importe la taille
• Avoir utilisé au moins une fois des fichiers .vue

Jour 1 - Créer des Composants wrappers avec des slots

• Nommage et bonnes pratiques
• Props: validation, surcharge
• Events: payloads, casing
• Usage de $attrs $listeners
• Two way binding
• Composition
• Usage de template

Jour 2 - Ecrire votre propre composant à base de render functions

• Le Virtual DOM, createElement/h
• Les composants dynamiques
• Bonnes pratiques lazy loading de composants
• createElemen
• Redistribution de $slots et $scopedSlots
• Usage de scoped slots pour de la logique
• Autres usages
• Les composants fonctionnels

Jour 3 -Tests et Composition API

• Les Mixins
• Pourquoi l'api de Composition est meilleur
• Usage dans Vue 2.x
• Setup dans les composants
• Accès global via Vue.prototype
• keep-alive
• TP Refonte du composant de recherche avec l'api de composition
• Tests unitaire

Exposé théorique et participatif, dispensé en FR ou en EN, alternant :

• Présentation théorique
• Discussion autour des cas organisationnels des participants
• Vérification de la compréhension au fur et à mesure de l’avancement, par des exercices pratiques et par des QCM
• Examen blanc avec réponses

Sont fournis aux stagiaires :

• Support en FR présenté par un instructeur certifié.
• À l'issue de la formation, les participant·e·s repartiront avec le code source développé lors de ces 3 jours, ainsi qu'une correction sur Gitlab et l'envie (on l'espère) de refactoriser leur applications Vue.js

Formation à distance : L’outil Zoom sera utilisé pour la partie Visio-Conférence.

‍

• Feuilles d’émargement
• Questions orales ou écrites (QCM)
• Mises en situation
• Exercices et pratique
• Formulaires d'évaluation de la formation

La formation est ponctuée d’une attestation de fin de formation délivrée par Elitek au client. Y seront précisés les objectifs pédagogiques, le nombre d’heures total de la formation, la validation des acquis et la date.

• Taux de satisfaction : nous disposons d'un nombre insuffisant de données*

^{*Moyenne des notes attribuées par un apprenant de la formation au cours des 12 derniers mois}