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

Programme de la 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
• Le Routage avec Vue Router
• 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