Développement

Formation Vue.js - Développement (4-047)

3 jour(s) • 18h

Éligible OPCO

8,8/10 avis apprenants

Description

Objectif général: À l’issue de la formation, les participants seront capables de développer des applications web dynamiques et modernes avec Vue.js, en exploitant les concepts fondamentaux et les outils essentiels de cet écosystème. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Application (A) Compétences visées Comprendre les concepts fondamentaux de Vue.js. Développer des Single Page Applications (SPA) avec Vue.js. Utiliser les outils clés de l’écosystème Vue.js pour la gestion de projets. Intégrer et gérer les composants dans une architecture Vue.js.

Découvrir les bases du framework Vue.js (composants, directives, événements).
Développer une application web modulaire et maintenable avec Vue.js.
Utiliser des outils comme Vue CLI pour initialiser et configurer des projets.
Gérer les états et les routes dans une application Vue.js.

Développeurs front-end souhaitant utiliser Vue.js pour concevoir des applications dynamiques.
Développeurs web ayant une expérience en JavaScript et souhaitant explorer un framework moderne.
Toute personne intéressée par le développement de Single Page Applications (SPA).

Maîtrise des bases de JavaScript (ES6, manipulation du DOM).
Connaissances élémentaires en HTML et CSS.
Familiarité avec les concepts de développement web.

1
Jour 1 : Introduction à Vue.js et concepts fondamentaux (6 heures)
- Introduction à Vue.js (1 heure)
2
Présentation du framework Vue.js et de ses cas d’utilisation.
3
Comparaison avec d’autres frameworks (React, Angular).
4
Configuration d’un environnement Vue.js avec Vue CLI.
5
Travaux pratiques : Installer Vue CLI et configurer un projet de base.
- Concepts fondamentaux de Vue.js (2,5 heures)
6
Directives et interpolation (v-bind, v-if, v-for, etc.).
7
Gestion des événements et écouteurs (@click, @input).
8
Travaux pratiques : Développer une interface dynamique simple avec Vue.js.
- Gestion des composants (2,5 heures)
9
Création, utilisation et communication entre composants.
10
Cycle de vie des composants Vue.js.
11
Travaux pratiques : Structurer une application avec plusieurs composants.
12
Jour 2 : Applications dynamiques avec Vue.js (6 heures)
- Gestion des états avec Vuex (2 heures)
13
Présentation de Vuex pour la gestion centralisée des états.
14
Concepts clés : store, mutations, actions, getters.
15
Travaux pratiques : Implémenter un système de gestion d’état dans une application Vue.js.
- Routage avec Vue Router (2 heures)
16
Introduction à Vue Router pour la navigation SPA.
17
Définir et protéger des routes dynamiques.
18
Travaux pratiques : Créer une navigation multi-pages dans une application Vue.js.
- Intégration des bibliothèques et plugins (2 heures)
19
Utilisation de bibliothèques tierces (exemple : Axios pour les appels API).
20
Ajout de plugins à un projet Vue.js.
21
Travaux pratiques : Intégrer une API REST et afficher les données dans l’application.
22
Jour 3 : Projet final et outils avancés (6 heures)
- Outils indispensables pour Vue.js (2 heures)
23
Utilisation de Vue DevTools pour le débogage.
24
Introduction à Nuxt.js pour des projets Vue.js avancés.
25
Travaux pratiques : Analyser et optimiser une application Vue.js avec Vue DevTools.
- Développement d’un projet final (4 heures)
26
Scénario : Développer une SPA complète avec gestion des états, routage et intégration API.
27
Démonstration des bonnes pratiques : structuration, performance et modularité.
28
Travaux pratiques : Réalisation du projet sous supervision du formateur, avec mise en production simulée.

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

FAQ : Formation Vue.js - Développement (4-047)

Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.
Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.
Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.
Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.