Formation VueJS | Créer des applications Web avec VueJS

• Apprendre les bases nécessaires à la création d’application web avec le framework Vue
• Maîtriser les fonctionnalités clefs de Vue telles que le routage ou la gestion d’état avec Pinia
• Comprendre le déploiement d’une application web Vue
• Mettre en place des tests unitaires

• Développeurs et architectes web

• Pratique d’HTML, CSS et Javascript

Vue.js s’affirme aujourd’hui comme l’un des frameworks JavaScript les plus populaires pour la création d’applications web dynamiques, performantes et agréables à développer.

Reposant sur les standards HTML, CSS et JavaScript, Vue offre une courbe d’apprentissage douce pour les développeurs tout en facilitant l’intégration dans des projets existants. Cette adhérence aux standards permet de tirer parti des compétences existantes et des technologies web éprouvées, garantissant ainsi une compatibilité et une interopérabilité maximales.

Grâce à son architecture basée sur des composants, Vue facilite la réutilisation et la maintenance du code. La modularité et la richesse de l’écosystème de Vue permet de pour couvrir tous les aspects du développement web.

Au cours de ces 3 jours de formation, nous explorerons Vue 3, en abordant les concepts fondamentaux à travers la réalisation d’une application web complète en Single Page Application (SPA). Vous apprendrez à maîtriser la composition des composants, la gestion des états, la gestion du routage, et la réalisation de tests unitaires pour créer des applications modernes et robustes.

Rappels Javascript / ECMAScript

• Variables, tableaux et JSON
• Déstructuration des objets et tableaux
• Fonctions et classes, portée des variables
• Asynchrone et Promises
• Modules ES6
• Manipulation de tableaux

Concepts

• Qu’est-ce qu’une single page application
• Virtual DOM
• Hiérarchie de composants
• Composition d’une application Vue

Environnement

• NPM
• Node.js
• Vite
• Create-vue

Composants

• Single File Components
• Composition API
• Interpolation de contenu
• Passage de paramètres avec les props
• Cycle de vie d’un composant
• Gestion de l’état réactif du composant
• Gestion des événements
• Projection de contenu dans les slots

CSS

• Ajout de CSS global
• CSS modulaire

Composables

• Définition d’un composable personnalisé
• Présentation de vueuse

Directives

• Directives de liaison
• Directives de gestion du flux
• Directives personnalisées

Pinia

• Architecture de Pinia
• Gestion des stores

Router

• Définir ses routes et ses sous-routes
• Gestion des paramètres

Formulaires

• Gestion du formulaire en Vue
• Utilisation de vee-validate et yup

Tests unitaires

• Vitest et langage d’assertion
• Gestion des composants avec @vue/test-utils
• Mocks

Typescript

• Présentation
• Utilisation dans Vue

Introduction à Nuxt

• Types d’applications SPA, SSR et SSG
• Nitro
• Fonctionnalités de Nuxt

Un équilibre pédagogique alliant 50 % théorie et 50 % pratique.

Un questionnaire de positionnement est mis en place en amont de la formation.

L’émargement est réalisé de manière dématérialisée, via une signature numérique.

À l’issue de la formation, chaque participant reçoit l’ensemble des supports pédagogiques, incluant des vidéos et des ressources complémentaires pour approfondir les acquis.

Formation à distance :
Les sessions se déroulent en classe virtuelle via Microsoft Teams. Elles nécessitent un ordinateur équipé d’une caméra, d’un micro, de haut-parleurs ainsi qu’une connexion internet haut débit.

Le lien de connexion est transmis quelques jours avant le début de la formation.

Formation dans nos locaux et assistance disponible : 

Pour toute complication survenant avant, pendant ou après la formation, notre assistance est disponible à partir de 8h30 au +33 (0)6 47 45 07 82 .

Si vous ne parvenez pas à nous joindre par téléphone, merci de nous écrire à formation@neosoft.fr  en spécifiant en quelques mots la difficulté que vous avez rencontrée. Nous vous répondrons dans les plus brefs délais. 

En amont de la formation, un questionnaire de positionnement est adressé aux participants afin d’identifier précisément leurs besoins, leurs attentes et leur niveau de connaissances.

Le formateur évalue la progression pédagogique des participants tout au long de la formation, à travers des quiz, des mises en situation ou des travaux pratiques.

À l’issue de la formation, les participants sont invités à évaluer leur niveau de satisfaction concernant la formation suivie.

Néosoft Training s’appuie sur un processus qualité visant à analyser les éventuels dysfonctionnements remontés par les participants. Cette démarche permet de mettre en œuvre des actions correctives adaptées, tant sur le contenu pédagogique que sur les conditions de déroulement de la formation.