Formation #DEV202

Formation VueJS

Durée : 4 jours

Code : DEV202

Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Appréhender l'architecture du Framework
  • Etre capable de développer une application Web complète avec Vue JS
Programme
1/ Introduction
  • Qu’est-ce qu’un Framework de développement
  • L’intérêt d’un Framework
  • Vue d’ensemble de Vue.js : historique et présentation
  • Comparatif Vue vs jQuery
2/ Concepts importants
  • L’application web monopage ou SPA
  • L’application web progressive ou PWA
  • La structure des données JSON
  • Le protocole et les verbes HTTP
  • L’architecture REST
  • Le paradigme Composant
  • Programmation Objet en JavaScript
  • Programmation Fonctionnelle
  • Programmation Réactive
3/ L’environnement de travail de VueJs
  • IDEs
  • Les outils du développeur
  • Vue-cli en détail
  • Premiers pas avec l’architecture Vue.js
  • L’écosystème Vue.js
4/ Les essentiels de Vue.js
  • Cycle de vie d'une requête dans Vue.js et son rôle
  • Les modèles
  • Notion d'interpolation
  • Attributs, filtres et directives
  • Les propriétés calculées
  • Différence entre v-model et v-bind
  • Le v-model
  • Gérer des listes
  • L'affichage conditionnel
  • Event management
  • Les composants dynamiques
  • Echange de données entre composants
5/ Aspects avancés de Vue.js
  • Transitions visuelles
  • Les transitions CSS
  • Transitions de listes avec Vue
  • Transitions dynamiques
  • Diverses animations
  • Les fonctions "render"
  • Les divers types de composants
  • Les composants fonctionnels
  • Les Single File Components
  • Les différents types de directives
  • Créer une directive adaptée
6/ Les extensions
  • Mixins
  • Plugins
  • Les extensions (composants) monofichier
7/ Le routing dans Vue.js
  • Routes
  • Modes
  • Lien
  • La vue principale
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Chefs de projet Web
  • Développeurs
  • Experts front-end