Vue.js

3 Jour(s)
(21 Heures)
Ref: 5M-AG-VUE
Tarif: à partir de 700 €/Jour
Document PDF

1. Introduction

  • Vue.js un framework progressif
  • Data driven interfaces
  • Ecosystème
  • Binding
  • Conditionnelles
  • Boucles
  • Evénements
  • Composants

2. Bases

  • Instance Vue
  • Cycle de vie
  • Templates
  • Interpolation
  • attributs
  • Directives
  • Filtres
  • Computed properties
  • v-model
  • Inputs Natifs
  • Rendering de Listes
  • Caveats
  • (TP) Début de l'annuaire
  • Creation d'une recherche simple
  • Class and Style bindings
  • Rendering conditionnel
  • Gestion d'Evénements
  • (TP) Edition sur place
  • Ajout d'édition sur place des personnes
  • Composants
  • Props
  • Evénements
  • Slots
  • Composants dynamiques
  • v-model
  • (TP) Refactoring annuaire
  • Création d'un composant pour l'affichage
  • Utilisation de vue build
  • Utilisation du template webpack

3. Avancé

  • Réactivité avancé
  • Transitions
  • CSS transitions
  • CSS animations
  • Transitions de listes
  • Transitions dynamiques
  • (TP) Animations
  • Animations sur la recherche
  • Animations sur l'édition
  • Render functions
  • Composants functionels
  • Directives Custom
  • (TP) Optimisations
  • Exemple pratique de l'utilité des composants fonctionnels
  • Création d'une directive custom

4. Extensions

  • Mixins
  • Plugins
  • Single File components

5. Routing avec vue-router

  • Vue Router
  • Routes
  • Modes
  • Lien
  • La vue principale
  • Utilisation basique dans l'annuaire

6. State global avec vuex

  • Vuex
  • State
  • Getters
  • Mutations
  • Actions
  • Modules
  • Utilisation basique dans l'annuaire

Vue.JS est un facilitateur de création d’interfaces Web performance et dynamiques, dans le sens où il met à profit des langages connus et reconnus : HTML, CSS, Javascript.

Bien que très simple d’utilisation, il permet de développer des grandes applications en intégrant le pattern de components, tout en étant extrêmement léger.

A l’issue de notre formation «Vue.JS», vous serez en mesure de :

  • Comprendre la vision et l’essence même de Vue.JS
  • Créer des composants Vue et exploiter les avantages apportés par le fichier .vue
  • Prototyper des composants rapidement
  • Utiliser le Tooling existant
  • Développer un annuaire pour accentuer votre compréhension de Vue
  • Tester vos composants

Participants :

  • Développeurs


Prérequis :

Aucun

Méthodes pédagogiques

La formation est basée sur des cas pratiques et la réalisation de documents professionnels par les stagiaires.
Les méthodes pédagogiques s’appuient sur les méthodes actives adaptées aux adultes. Les stagiaires sont amenés à s’exprimer de façon à les impliquer et à créer un climat de groupe positif et interactif. Le formateur combine des exposés concis et des mises en situation. Écoute active et respect du rythme de chacun sont des priorités.


Modalités pédagogiques

Présentiel ou distanciel


Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, vidéo projecteur - tableau blanc


Modalités d'évaluation

Durant la formation, nous procédons à une évaluation formative tout au long de la formation.
A la fin de chaque session, les stagiaires expriment leur satisfaction concernant la formation en utilisant notre système de vote interactif QuizzBox.
Les stagiaires répondent à l’aide de télécommande, smartphone ou ordinateur, à un questionnaire de satisfaction.
Ce questionnaire permet de vous fournir un compte rendu des points de vue des participants.
Une validation des acquis basée sur les objectifs de la formation est réalisée en fin de session par le formateur ou à l’aide des certifications disponibles (Tosa, Pcie…).


Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle


Accessibilité

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public).
Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec notre référent, par téléphone, au 04.73.14.32.82 pour voir dans quelle mesure le handicap peut être pris en compte.

Curriculum vitae des intervenants

Nos formateurs disposent d’un haut niveau de savoir-faire pédagogique et d’un fort attachement à la relation humaine.
La valeur ajoutée de notre pédagogie passe par l’échange et le transfert des connaissances entre les formateurs expérimentés et les formateurs juniors, enrichissant cet aspect pédagogique. Cela permet de garantir une pérennité dans nos compétences.
Le plan de développement des compétences de nos salariés récense leurs actions de formation continue. Les salariés sont informés des dispositifs de formation et de qualification tout au long de la vie et savent où trouver les informations.
En signant la charte, les formateurs s’engagent à se former et à actualiser et développer leurs compétences.
Notre équipe se compose de 14 salariés dont 7 formateurs permanents et une équipe de développeurs, notamment sur Excel et Access, qui peuvent intervenir ponctuellement sur certaines formations techniques.


Référent handicap

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public). Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec nous, Rachel Laidaoui - 04 73 14 32 82, pour voir dans quelle mesure le handicap peut être pris en compte.