Vue.js Hardcore Training

Si vous souhaitez explorer en profondeur un framework progressif JavaScript, venez découvrir les outils que Vue.js a à offrir et construire vos premières applications en seulement 2j de formation. Nos mentors vous aideront à traverser deux défis !

Cette formation 100% pratique vous donnera une connaissance approfondie du framework Vue.js (version 2.5.17), y compris des fonctionnalités telles que la Vue-CLI, Vue-Router et VueX.

Pendant ces deux jours, vous bâtirez une véritable application de streaming vidéo en corrigeant des bugs et en ajoutant des fonctionnalités afin de mettre en pratique toute la théorie qui sera exposée.

Objectifs

  • Mieux comprendre les concepts avancés de Vue.js

  • Savoir appliquer des validations riches de formulaires

  • Maîtriser des problématiques variées de routage côté client

  • Gérer efficacement l’état applicatif et son évolution

  • Rendre ses composants plus réutilisables et composables

  • Réaliser des tests unitaires et d’intégration pour l’ensemble de l’application

Public visé

La formation s’adresse aux ingénieurs logiciels, développeurs et designers désireux de mieux connaître Vue.js et son écosystème, et de solidifier leurs bonnes pratiques de développement. Afin de tirer le meilleur parti de la formation, les apprenant·e·s doivent être à l’aise avec :

  • JavaScript. Le fonctionnement de this en particulier ne doit pas être effrayant

  • La programmation asynchrone

  • L’opérateur rest/spread (…)

  • Les concepts fondamentaux de Vue.js (instance, directives, gestion des événements, cycle de vie des composants, modèles de communication, distinction composants smart/dumb).

Programme

Jour 1

  • Form bindings and validation with vee-validate

  • Routing

    • Simple Routing From Scratch

    Core concept of vue-router
    * Dynamic Route Matching
    * Nested Routes
    * Programmatic Navigation
    * Named Routes
    * Named Views
    * Redirect and Alias
    * Passing Props to Route Components

    Advanced in vue-router
    * Guard
    * Data fetching patterns - fetching After/Before Navigation
    * Lazy loading

Jour 2

  • State Management using vuex

    • state management patterns in a nutshell
    • What is Vuex?
    • Using Actions, Mutations and Getters
    • Modules / plugins
    • Composing actions (Promises and Async/Await)
    • Testing
    • Best practices and common pitfalls
  • Reusability & Composition

    • Mixins
    • Slots
    • Async Components
    • Custom Directives
    • Render Functions & JSX
    • Plugins
    • Filters
    • Typescript
    • Advanced Component Patterns
    • Testing
    • Unit tests with Jest and vue-test-utils

Moyens pédagogiques et techniques, suivi et appréciation

L’ensemble des exercices et substrats de code seront accessibles via GitHub, et les apprenant·e·s conserveront la possibilité de contacter les formateurs a posteriori en cas de besoin.

La réalisation réussie, pendant la formation, des tâches composant le défi de développement applicatif valide l’acquisition des compétences.

Un certificat de réussite personnalisé est remis à chaque apprenant·e à l’issue de la formation.

Demander une convention de formation Prochaines sessions de formation

Tarifs indicatifs

Apprenant·e·s de la conventionTarif unitaire
Pour tous799 € HT