- Durée : 3 jours
- Eligible CPF : non
Objectifs
Prérequis - Participants
Moyens pédagogiques & techniques
Programme
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
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 - Participants
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)
Bonne connaissance de Javascript, (idéalement une expérience avec un autre framework front tel que React ou Angular)
Participants
Développeurs
Moyens pédagogiques & techniques
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d’échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l’expérience professionnelle
Validation des acquis par des questionnaires, des tests d’évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d’un support de cours.
Travail d’échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l’expérience professionnelle
Validation des acquis par des questionnaires, des tests d’évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d’un support de cours.
Modalités d’évaluation
Feuille de présence signée en demi-journée
Évaluation des acquis tout au long de la formation
Questionnaire de satisfaction
Attestation de stage à chaque apprenant
Positionnement préalable oral ou écrit
Évaluation formative tout au long de la formation
Évaluation sommative faite par le formateur ou à l’aide des certifications disponibles
Évaluation des acquis tout au long de la formation
Questionnaire de satisfaction
Attestation de stage à chaque apprenant
Positionnement préalable oral ou écrit
Évaluation formative tout au long de la formation
Évaluation sommative faite par le formateur ou à l’aide des certifications disponibles
Moyens techniques en présentiel
Accueil des stagiaires dans une salle dédiée à la formation, équipée d’ordinateurs, d’un vidéo projecteur, d’un tableau blanc et de paperboard
Moyens techniques à distance
A l’aide d’un logiciel comme Teams, Zoom…, un micro et éventuellement une caméra pour l’apprenant, suivez une formation en temps réel et entièrement à distance
Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur
Les formations en distanciel sont organisées en Inter-Entreprises comme en Intra-Entreprise
L’accès à l’environnement d’apprentissage (support de cours, labs) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré
Les participants recevront une convocation avec lien de connexion
Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition auprès de notre équipe par téléphone au 03 25 80 08 64 ou par mail à secretariat@feep-entreprises.fr
Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur
Les formations en distanciel sont organisées en Inter-Entreprises comme en Intra-Entreprise
L’accès à l’environnement d’apprentissage (support de cours, labs) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré
Les participants recevront une convocation avec lien de connexion
Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition auprès de notre équipe par téléphone au 03 25 80 08 64 ou par mail à secretariat@feep-entreprises.fr
Programme
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
- 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
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
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
Accessibilité
Notre organisme peut vous offrir des possibilités d’adaptation et/ou de compensations spécifiques si elles sont nécessaires à l’amélioration de vos apprentissages sur l’ensemble de nos formations. Aussi, si vous rencontrez une quelconque difficulté, nous vous invitons à nous contacter directement afin d’étudier ensemble les possibilités de suivre la formation
Profil formateur
Nos formateurs sont des experts dans leurs domaines d’intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.