Formation Informatique
Vue.js
5M-AG-VUE
3 jours, soit 21 heures
Parcours concourant au développement des compétences.
Action de formation réalisée en application des articles L 6313-1 et L 6313-2 du Code du travail.
Si vous êtes en situation de handicap, contactez-nous avant le début de votre formation pour que nous puissions vous orienter efficacement et vous accueillir dans les meilleures conditions.
Objectif(s) de la formation
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
Prochaines Sessions & délais d'accès
Aucune session programmées actuellement pour cette formation.
Veuillez nous consulter pour plus de renseignements.
Délai d'accès maximum : 2 mois,
sauf intra-entreprise ou spécifique : 4 semaines
Les Pré-requis
- Développeurs
- Connaissances HTML et CSS
- Bonne connaissance de Javascript, (idéalement une expérience avec un autre framework front tel que React ou Angular)
Les Modalités
Modalités de formation et d'évaluation :
- Formation réalisée en présentiel, à distance ou mixte,
- Evaluation des acquis tout au long de la formation : QCM, mises en situation, TP, évaluations orales,
- Toutes nos formations peuvent être organisées dans nos locaux ou sur site,
- Feuille de présence signée en demi-journée, questionnaires d'évaluation de la satisfaction en fin de stage et 60 jours après, attestation de stage et certificat de réalisation.
Les Moyens Pédagogiques
Les Moyens pédagogiques et méthodes mobilisées :
- Formateur expert dans le domaine,
- Mise à disposition d'un ordinateur, support de cours remis à chaque participant, vidéo projecteur, tableau blanc et paperboard,
- Formation à distance à l'aide du logiciel Teams pour assurer les interactions avec le formateur et les autres stagiaires, l'accès aux supports et aux évaluations,
- La formation est basée sur une alternance d'apports théoriques et de mises en pratique.
Programme détaillé
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
Nos conseillers en formation sont disponibles pour vous recommander les parcours à suivre selon votre niveau et vous proposer des formations sur-mesure.
Une formation pour un applicatif métier, un déploiement national de formation, nous vous orientons dans votre plan de développement des compétences.