Développement Front-End
Vue.JS
Objectif
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
Connaissances HTML et CSS
Bonne connaissance de Javascript, (idéalement une expérience préalable avec un autre framework front tel que React ou Angular)
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.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Développeurs
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme de la formation
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