01 56 59 33 00
united-kingdom

VUE.JS

4-JS-VUE
4-JS-VUE
Durée : 3 jour(s)
soit 21 heures
Prix : 1650 €
Programmes
Introduction
  • Vue.js un framework progressif
  • Data driven interfaces
  • Ecosystème
  • Binding
  • Conditionnelles
  • Boucles
  • Evénements
  • Composants
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
  • Création 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
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 fonctionnels
  • Directives Custom
  • (TP) Optimisations
  • Exemple pratique de l’utilité des composants fonctionnels
  • Création d’une directive custom
Extensions
  • Mixins
  • Plugins
  • Single File components
Routing avec vue-router
  • Vue Router
  • Routes
  • Modes
  • Lien
  • La vue principale
  • Utilisation basique dans l’annuaire
State global avec vuex
  • Vuex
  • State
  • Getters
  • Mutations
  • Actions
  • Modules
  • Utilisation basique dans l’annuaire
Objectifs
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
Prérequis
Connaissances HTML et CSS
Bonne connaissance de Javascript, (idéalement une expérience avec un autre framework front tel que React ou Angular)
Profil des participants
Développeurs
Dates des prochaines sessions :
Du 28 Février 2022 au 02 Mars 2022
Du 29 au 31 Aout 2022
Du 05 au 07 Décembre 2022
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
Introduction
  • Vue.js un framework progressif
  • Data driven interfaces
  • Ecosystème
  • Binding
  • Conditionnelles
  • Boucles
  • Evénements
  • Composants
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
  • Création 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
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 fonctionnels
  • Directives Custom
  • (TP) Optimisations
  • Exemple pratique de l’utilité des composants fonctionnels
  • Création d’une directive custom
Extensions
  • Mixins
  • Plugins
  • Single File components
Routing avec vue-router
  • Vue Router
  • Routes
  • Modes
  • Lien
  • La vue principale
  • Utilisation basique dans l’annuaire
State global avec vuex
  • Vuex
  • State
  • Getters
  • Mutations
  • Actions
  • Modules
  • Utilisation basique dans l’annuaire
Connaissances HTML et CSS
Bonne connaissance de Javascript, (idéalement une expérience avec un autre framework front tel que React ou Angular)

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 28 Février 2022 au 02 Mars 2022
Du 29 au 31 Aout 2022
Du 05 au 07 Décembre 2022

Réservez votre formation

Que cherchez-vous ?