[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"course-vue-js-3-developpement-d-applications-web":3,"highlight-HTML-\u003Cscript setup>\n\timpo":45},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":17,"maximumParticipants":17,"duration":18,"reference":19,"trainerType":7,"updated_at":20,"created_at":21,"price":22,"organizationMode":7,"theme":23,"code":27,"tags":32,"metadata":36},"/api/courses/1a612e5d-32ab-4a5f-bad4-29f6f02c7823","Vue.js 3 – Développement d’applications Web ","vue-js-3-developpement-d-applications-web",null,"Développeurs front-end souhaitant structurer des applications avec Vue.js 3 \n\nDéveloppeurs Web ou full stack désirant intégrer un framework moderne côté client \n\nIntégrateurs techniques amenés à développer des interfaces Web dynamiques","-   Connaissances de base en HTML et CSS \n-   Maîtrise du JavaScript (syntaxe ES6, fonctions, tableaux, objets) \n-   Une première expérience en développement Web est recommandée ","-   Comprendre les principes fondamentaux de Vue.js 3 et son écosystème \n-   Concevoir une application Web basée sur une architecture de composants \n-   Mettre en œuvre la réactivité, les liaisons de données et les événements \n-   Gérer la navigation au sein d’une application monopage \n-   Interagir avec des API REST pour afficher et manipuler des données ","--day1--\n\n## Introduction et premiers pas \n\n-   Présentation de Vue.js et des frameworks front-end modernes \n-   Principes des applications Web monopage (SPA) \n-   Installation de l’environnement de travail (Node.js, npm, Vite ou Vue CLI) \n-   Structure d’un projet Vue.js 3 \n-   Création d’une première application Vue \n\n--break--\n\n## Composants et directives de base \n\n-   Syntaxe des templates Vue \n-   Directives essentielles (v-bind, v-if, v-for, v-on) \n-   Gestion des événements utilisateurs \n-   Liaison de données et affichage dynamique \n-   Travaux pratiques : création de composants simples interactifs \n\n--day2--\n\n## Architecture par composants et réactivité \n\n-   Définition, réutilisation et organisation des composants \n-   Passage de données via les props \n-   Communication entre composants (événements) \n-   Introduction à la Composition API \n-   Réactivité avec ref et reactive \n-   Propriétés calculées et observateurs \n\n--break--\n\n## Gestion de l’état et modularité \n\n-   Gestion de l’état local dans l’application \n-   Structuration du code pour améliorer la maintenabilité \n-   Mise en pratique sur une application multi-composants \n-   Bonnes pratiques de développement Vue.js \n\n--day3--\n\n## Routing et navigation \n\n-   Introduction au routage dans Vue.js \n-   Mise en place de Vue Router \n-   Définition des routes et navigation entre vues \n-   Paramètres de routes et navigation programmée \n-   Travaux pratiques : application avec plusieurs vues \n\n--break--\n\n## Consommation d’API et finalisation \n\n-   Appels HTTP et consommation d’API REST \n-   Gestion des données asynchrones \n-   Gestion des erreurs et retours utilisateurs \n-   Préparation au build et au déploiement de l’application \n-   Synthèse des acquis et perspectives pour aller plus loin","Nos formations, équilibrées entre théorie (50%) et pratique (50%), offrent un apprentissage interactif grâce à des méthodes variées comme les travaux pratiques, les mises en situation et les démonstrations. Des QCM réguliers assurent le suivi des acquis.\n\nVariables suivant les formations, les moyens techniques mis en oeuvre sont :\n\nOrdinateurs Mac ou PC, connexion internet fibre, tableau blanc ou écran (pour le distanciel).\n\nEn cas de formation intra sur site externe à Le Code, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires\n\n(équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\n  \n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\n  \n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\n  \n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h\n\nouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la\n\nformation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.",0,"21.00","vue js","2026-04-22T15:05:44+00:00","2026-04-22T14:59:27+00:00","2250.00",{"id":24,"name":25,"slug":26},"/api/themes/abd712b8-6a6c-4c9b-b382-0aea1eac47d6","Développement Web Frontend","developpement-web-frontend",{"id":28,"label":29,"domain":30},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":31},"32 - Communication et information",[33],{"id":34,"name":35},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":37,"Description":38,"icon-color":39,"icon-name":40,"code-langage":41,"code-snippet":42,"courte-description":43,"titre-accroche":44},"Maîtrisez le framework progressif en adoptant la Composition API, la gestion d'état avec Pinia, le routage dynamique et les Single File Components (SFC) pour créer des interfaces fluides, réactives et performantes.","Vue.js 3 s'est imposé comme un choix stratégique pour les entreprises cherchant un équilibre parfait entre flexibilité et structure. Cette formation vous guide à travers les nouveautés majeures de la version 3, notamment la Composition API qui permet une meilleure réutilisation de la logique métier. Vous apprendrez à structurer vos projets avec Vite, à gérer la communication entre composants via les props et événements, et à intégrer des outils incontournables comme Vue Router et Pinia. Que vous veniez d'un autre framework ou de JavaScript natif, Vue.js offre une courbe d'apprentissage progressive tout en permettant de bâtir des applications professionnelles scalables et faciles à maintenir.","#41B883","mdi:vuejs","HTML","\u003Cscript setup>\n\timport { ref } from 'vue'\n\n\tconst message = ref('Hello Vue 3!')\n\tconst increment = () => count.value++\n\tconst count = ref(0)\n\u003C/script>\n\n\u003Ctemplate>\n\t\u003Cbutton @click=\"increment\">\n\t\t{{ message }} : {{ count }}\n\t\u003C/button>\n\u003C/template>","Développez des interfaces utilisateur réactives et modulaires avec Vue.js 3 en maîtrisant la Composition API et l'écosystème moderne du framework.","Apprenez Vue.js 3, le framework polyvalent qui allie simplicité d'apprentissage et puissance architecturale pour vos applications web modernes.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-html\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C/span> \u003Cspan class=\"hljs-attr\">setup\u003C/span>>\u003C/span>\u003Cspan class=\"language-javascript\">\n\t\u003Cspan class=\"hljs-keyword\">import\u003C/span> { ref } \u003Cspan class=\"hljs-keyword\">from\u003C/span> \u003Cspan class=\"hljs-string\">'vue'\u003C/span>\n\n\t\u003Cspan class=\"hljs-keyword\">const\u003C/span> message = \u003Cspan class=\"hljs-title function_\">ref\u003C/span>(\u003Cspan class=\"hljs-string\">'Hello Vue 3!'\u003C/span>)\n\t\u003Cspan class=\"hljs-keyword\">const\u003C/span> \u003Cspan class=\"hljs-title function_\">increment\u003C/span> = (\u003Cspan class=\"hljs-params\">\u003C/span>) => count.\u003Cspan class=\"hljs-property\">value\u003C/span>++\n\t\u003Cspan class=\"hljs-keyword\">const\u003C/span> count = \u003Cspan class=\"hljs-title function_\">ref\u003C/span>(\u003Cspan class=\"hljs-number\">0\u003C/span>)\n\u003C/span>\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">script\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">template\u003C/span>>\u003C/span>\n\t\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">button\u003C/span> @\u003Cspan class=\"hljs-attr\">click\u003C/span>=\u003Cspan class=\"hljs-string\">"increment"\u003C/span>>\u003C/span>\n\t\t{{ message }} : {{ count }}\n\t\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">button\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">template\u003C/span>>\u003C/span>\u003C/code>\u003C/pre>",1781121857697]