Formation Développer des applications web avec Vue.js et Nuxt

Introduction à Vue.js et son écosystème

• —Comprendre les concepts SPA et MVVM
• —Installer Node.js et Vue CLI
• —Créer un premier projet Vue
• —Architecture de base d'une application Vue

Fondamentaux de Vue – Réactivité et Directives

• —Le modèle de données réactif (data, methods, computed)
• —Utilisation des directives v-bind, v-model, v-if, v-for
• —Interpolation de données et expressions
• —Cycle de vie d'une instance Vue

Composants Vue – Création et Communication

• —Définir et enregistrer des composants
• —Passage de props (propriétés) entre composants
• —Émission d'événements ($emit) pour la communication parent-enfant
• —Slots pour la composition de contenu

CSS Scoped, Transitions et Animations

• —Utiliser les styles CSS Scoped pour des composants Vue encapsulés
• —Appliquer des transitions CSS pour animer les changements d'état des composants
• —Créer des animations CSS avec des keyframes pour enrichir l'interface utilisateur
• —Optimiser les performances des animations dans Vue pour une meilleure réactivité
• —Intégrer des bibliothèques d'animations pour des effets avancés dans Vue.js

Le Routage avec Vue Router

• —Configurer Vue Router dans une application Vue.js existante
• —Créer et gérer des routes dynamiques avec des paramètres URL
• —Utiliser des vues imbriquées pour une navigation complexe
• —Implémenter des redirections et des gardiens de route
• —Gérer l'historique de navigation et les liens actifs dans l'interface

Gestion d'État avec Pinia

• —Introduction à Pinia: le store officiel
• —Comprendre les states, getters, actions
• —Modularisation des stores
• —Utilisation de Pinia dans les composants Vue

Introduction à Nuxt.js – Le Framework Vue Complet

• —Nuxt.js : Concepts de base et avantages (SSR, SSG, SEO)
• —Installation et création d'un projet Nuxt
• —Structure de répertoire de Nuxt
• —Les pages et layouts Nuxt

Nuxt.js – Routage étendu et Middleware

• —Routage automatique dans Nuxt
• —Routage dynamique avec Nuxt
• —Création et utilisation des middlewares
• —Gestion des erreurs et pages 404

Nuxt.js – Data Fetching et API

• —Les différentes stratégies de data fetching (useAsyncData, useFetch)
• —Interagir avec des APIs externes
• —Gestion du chargement et des erreurs de données
• —Utilisation des plugins Nuxt pour des fonctionnalités globales

SEO et Optimisations avec Nuxt.js

• —Améliorer le SEO avec les Meta Tags
• —Génération de Sitemap et robots.txt
• —Optimisation des performances (lazy loading, code splitting)
• —Minification et compression des ressources

Déploiement d'Applications Vue et Nuxt

• —Préparer l'application pour la production
• —Déploiement d'une SPA Vue (ex: Netlify, Vercel)
• —Déploiement d'une application Nuxt SSR/SSG (ex: Vercel, Render)
• —Bonnes pratiques de déploiement continu

Tests et Bonnes Pratiques en Développement Vue/Nuxt

• —Introduction aux tests unitaires (Vitest)
• —Écrire des tests pour les composants Vue
• —Bonnes pratiques de code et conventions
• —Débugging et outils de développement

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Maîtrise des bases de HTML, CSS et JavaScript. - Connaissance des concepts de programmation orientée objet est un plus. - Familiarité avec un éditeur de code et l'utilisation du terminal.

- Un ordinateur (PC ou Mac) avec une connexion internet stable. - Un navigateur web moderne (Chrome, Firefox, Edge). - Un éditeur de code (VS Code recommandé). - Node.js et npm/yarn installés.

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Aucun prérequis spécifique. Connaissance de base en développement web et de JavaScript.

Vue.js, Nuxt.js, JavaScript, HTML, CSS

Formation en ligne avec accès à un environnement de développement virtuel, accès à des ressources pédagogiques en ligne et support technique et pédagogique par les formateurs

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.