Formation Vue
Concevez des sites innovants et applications web réactives grâce à Vue.js 3, le framework JavaScript de nouvelle génération qui rafraîchit automatiquement les pages et les composants avec une navigation fluide.
Apprenez à maîtriser le framework JavaScript VueJS pour créer des applications web réactives et performantes. Cette formation couvre les bases ainsi que les concepts avancés de VueJS, vous permettant de développer des interfaces utilisateur modernes et dynamiques.
À travers des exemples concrets et des exercices pratiques, vous découvrirez comment structurer vos projets, gérer l'état de votre application, interagir avec des API externes et optimiser les performances de vos applications.
Programme de la formation
L'Univers de Vue
- Versions de JavaScript, ECMAScript
- NodeJS et NPM
- La compilation, Vite et Babel
- Import/export de modules
- Vérifier la syntaxe avec
eslint - Choisir son éditeur et ses outils
Nouveau projet
- Bien démarrer un nouveau projet
- Les options, dépendances et plugins
- Gestion des erreurs et des bugs
Fondamentaux de VueJS
- Une application en Vue
- Structure des fichiers
.vue - Syntaxe de la Composition API
- Syntaxe d'Options API
- Options API ou Composition API, que choisir ?
- Usage de
<script setup> - Rendu et Virtual DOM
- Philosophie des composants
- Réactivité
- Usage de styles CSS et Sass
Composants VueJS
- template, script et style
- États, données
- Propriétés et méthodes
- Imbrication de composants
- Attributs spécifiques à Vue : directives
- Boucles et conditions
- Mixins
- Slots
- Composables
Cycle de vie
- Événements, émission/réception et modificateurs
- Propriétés calculées et watchers
- Gestion des formulaires
- Hooks
- Transitions et animations
Catalogue de données
- Store avec Pinia (plutôt que Vuex)
- Partage de données inter-composants
- Méthodes pour manipuler le store
Données avancées
- APIREST, fetch, Axios
- Promesses, écriture de code asynchrone
- Traiter les données reçues
Routage et navigation
- Vue-router
- Vues imbriquées et nommées
- Redirections et alias
Travaux Pratiques
- Réalisation d'une application VueJS
- Multi-composants avec usage d' API
- Exploration de toutes les notions par la pratique
Informations complémentaires
Public
Cette formation à Vue.js 3 est destinée aux développeurs/intégrateurs qui souhaitent dynamiser leurs sites web ou développer une application web en exploitant toute la puissance du framework et de ses composants.
Objectifs
Être capable de concevoir des pages et applications web avec Vue.js, à l'aide d'un ou plusieurs composants, dont vous connaissez la structure globale. Maîtriser les capacités des composants à être imbriqués, à agir sur les données des formulaires, la navigation, les événements utilisateur (clavier, souris), à centraliser les données et à faire des requêtes sur une API distante. Savoir sur quels principes repose le framework.
Prérequis
Être familier avec HTML, CSS et connaître les notions de base de JavaScript (variables, fonctions, boucles, conditions) ou d'un langage équivalent
Moyens pédagogiques
Durant chaque formation, les participants et participantes auront l’opportunité de mettre en application leurs apprentissages grâce à de nombreux cas pratiques et exercices. Ces exercices seront ensuite corrigés et explicités par le formateur ou la formatrice. Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 10 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.
Suivi et appréciation des résultats
L'exécution de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les participants et le formateur. Sanction : attestation de présence. Un bilan des acquis est effectué à l'issue de la formation par questionnaire individuel en ligne et par les exercices réalisés durant la session.
Modalités de positionnement et d’évaluation
Le positionnement à l'entrée est évalué par questionnaire individuel en ligne (comportant des questions relatives au profil, aux attentes, aux connaissances initiales et aux prérequis techniques) ainsi que par échange e-mail lors de la prise de contact et de la préparation du dossier. Un entretien préalable par visioconférence a lieu dans le cas des groupes en intra.
Inscription et informations pratiques
Durée de formation
Lieux disponibles
Formateur
Rodolphe Rimelé
Rodolphe est l'auteur de l'ouvrage de référence sur HTML5 publié chez Eyrolles et de nombreux développements JavaScript. Il est chef de projet technique spécialisé Vue et Nuxt chez Alsacréations.
Atouts de la formation
- Effectif réduit (jamais plus de 12 participant·e·s).
- Repas de midi offert chez Alsacréations (à Strasbourg).
- Formateur à l’écoute, chacun peut intervenir à tout moment.
- Travaux pratiques réalisés en conditions réelles.
- Supports complets fournis.
Infos complémentaires
Derniers avis
Témoignage
Formation soutenue à haute teneur technique et dans un cadre bienveillant. Tout ce qu'on aime.
Témoignage
Merci beaucoup pour la formation et pour votre pédagogie. C'était très intéressant et très utile.
Témoignage
Tout s'est très bien passé ! Néanmoins, 2 jours de formation c'est vraiment trop court ! 3 jours me semblent un minimum. Cela permettrait de passer un peu plus de temps à pratiquer et d'aborder d'autres sujets concernant vueJS.
Date de mise à jour :
