Parcours d'apprentissage

Roadmap Vue.js

Un parcours progressif pour apprendre Vue.js proprement, de la reactivite de base aux applications frontend structurees et deployables.

Fondations

Comprendre Vue.js

  • Mental model du framework progressif
  • Quand Vue est un bon choix
  • Vue d ensemble de l ecosysteme

Bientot disponible

Tooling

Setup local et creation du projet

  • Bases Node.js et package manager
  • Creer une app avec Vite
  • Comprendre la structure du projet

Bientot disponible

Templates

Syntaxe template et directives

  • Interpolation de texte
  • v-bind et v-on
  • v-if, v-show et v-for

Bientot disponible

Reactivite

Fondamentaux de la reactivite

  • ref et reactive
  • Valeurs computed
  • Bases de watch et watchEffect

Bientot disponible

Composants

Composants, props et events

  • Decouper l UI en elements reutilisables
  • Passer des donnees avec les props
  • Remonter des events au parent

Bientot disponible

Composants

Slots et composition de composants

  • Slots par defaut et nommes
  • Patterns de composition de layout
  • Construire des composants flexibles

Bientot disponible

Composition API

setup() et composables

  • Comprendre script setup
  • Extraire une logique reutilisable
  • Isoler la logique metier

Bientot disponible

Formulaires

Formulaires et v-model

  • Binding bidirectionnel
  • Checkbox, select et composants custom
  • Bases du flux de validation

Bientot disponible

Routing

Fondamentaux de Vue Router

  • Routes imbriquees
  • Parametres dynamiques
  • Guards et UI liee a la route

Bientot disponible

Etat

Gestion d etat avec Pinia

  • Bases de design de store
  • Actions et getters
  • Quand l etat local suffit

Bientot disponible

Data Fetching

Donnees asynchrones et appels API

  • Etats loading et error
  • Fetcher au montage ou au changement de route
  • Eviter le flicker UI et les race conditions

Bientot disponible

Style

Strategies de styling

  • CSS scope
  • Approche utility-first
  • Design system et coherence des composants

Bientot disponible

Qualite

Accessibilite et UX

  • Navigation clavier
  • HTML semantique
  • Formulaires et feedback accessibles

Bientot disponible

Qualite

Tester une application Vue

  • Bases de Vitest
  • Vue Test Utils
  • Tests de composants vs integration

Bientot disponible

Performance

Performance et rendu

  • Bien utiliser les keys
  • Lazy load des composants lourds
  • Eviter watchers et re-renders inutiles

Bientot disponible

SSR

Nuxt et rendu serveur

  • Pourquoi passer de Vue a Nuxt
  • Bases SSR et SSG
  • Contraintes de state partage et data fetching

Bientot disponible

Delivery

Build, deploy et monitoring

  • Builds de production
  • Variables d environnement
  • Bases d observabilite et de suivi des erreurs

Bientot disponible

Production

Patterns de production

  • Flows d authentification
  • UI avec gestion des roles
  • Faire evoluer un frontend dans le temps

Bientot disponible