Zenika

VueJS

Par Zenika

Objectifs

  • Découvrir VueJS
  • Développer une application riche
  • S'intégrer dans une architecture orientée REST

Programme

Présentation

  • Concepts de Bases
  • Comparaison avec d'autres solutions

L'instance d'application

  • Création d'une Application Vue
  • Monter un élément du DOM
  • Propriété data
  • Cycle de vie

Composants

  • Le Template
  • Les Data
  • Les Props
  • Les Methods
  • Les Computed
  • Les Watchers
  • Les Slots
  • La function render
  • JSX

Vue-CLI

  • Webpack
  • Fichier .vue
  • Client Vue
  • Plugins
  • Configuration

Directives

  • Rendu conditionnel
  • Rendu de listes
  • Class et Style
  • Gestion des événements
  • Gestion des formulaires
  • Directives personnalisées

Réactivité

  • Vue 3 et la réactivité
  • La Reactivity API
  • La méthode setup
  • La Composition API
  • Le cycle de vie

Routing

  • Routes statiques
  • Nommer ses routes
  • Routes dynamiques
  • Navigation programmatique
  • Redirections
  • Alias

Requêtes Ajax avec Axios

  • Récupérer des données
  • Envoyer des données

Plugins

  • Installer un plugin
  • Ecrire un plugin

Typescript

  • Déclarer les composants
  • Propriétés
  • Méthodes de composants
  • Les Computed
  • Les watchers

Vuex

  • Le store
  • Les getters
  • Les mutations
  • Les actions
  • Les modules

Tests

  • Test runners
  • Les frameworks de test
  • Vue testing tools
  • End to end

Server-Side Rendering

  • SSR avec Express.js
  • Afficher la vue et un template
  • Nuxt

Pédagogie

40% théorie, 60% pratique