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

01.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

02.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

03.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

04.CSS Scoped, Transitions et Animations

05.Le Routage avec Vue Router

06.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

07.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

08.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

09.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

10.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

11.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

12.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