Vue.js

Des bases solides pour développer des applications avec Vue.js

Description du cours

Vue.js (aussi appelé plus simplement Vue), est un framework JavaScript open-source utilisé pour construire des interfaces utilisateur. Par son pragmatisme, sa puissance et sa versatilité, Vue.js s’est rapidement imposé comme un framework web majeur.

Ce cours permet aux participants d'acquérir les compétences suivantes

  • Maîtriser les concepts d’architecture clé de Vue.js
  • Développer l’interface graphique d’applications web ou de Single Page Application complètes avec Vue.js
  • Mettre en oeuvre les outils de développement spécifiques à Vue.js
  • Mettre en oeuvre les plugins Vue.js majeurs

Prix: 2190€ HT
Durée: 3 jours
Modalité: Inter en présentiel (demander une formation en intra-entreprise)

Prochaines dates :

Nantes 20 Novembre 2019 S'inscrire

PROGRAMME DE LA FORMATION

Module 1

Introduction à Vue.js

  • Principes et philosophie de Vue.js
  • Comparaison avec les autres frameworks majeurs
  • Roadmap
  • Installer Vue.js
  • Atelier: Installation de Vue.js
  • Atelier: Quick win: prise en main de Vue.js
Module 2

Core Library

  • L’instance de Vue, son cycle de vie et ses propriétés $
  • Le système de réactivité
  • Le système de template et les interpolations
  • Les directives
  • Atelier: Mise en oeuvre des propriétés réactives
  • Atelier: Utilisation des directives: rendus conditionnels, listes, évènements, formulaires, style
  • Atelier: Réagir au cycle de vie de l’instance Vue
Module 3

Les composants

  • Définition d’un composant Vue
  • Enregistrement des composants
  • Props
  • Template, slots
  • Organisation arborescente et communication entre composants
  • Composants dynamiques
  • Animations et transitions
  • Atelier: Création d’une vue unique constituée de plusieurs composants personnalisés
Module 4

Réutilisabilité et composition

  • Mixins
  • Filtres
  • Plugins
  • Atelier: Création et utilisation de mixins, filtres et plugins
Module 5

Outillage

  • Vetur, client VSCode
  • Devtools, plugin pour navigateur
  • Vue CLI, RAD console
  • TypeScript
  • Atelier: Mise en place d’un environnement de développement complet
Module 6

Single View Components

  • Introduction aux Single File Components
  • Les différentes manières de créer des SFC
  • Atelier: Création de Single File Component
Module 7

Vue Router

  • Principes de Vue Routeur
  • Installation de Vue Routeur
  • Accès au routeur
  • Fonctionnalités du routeur: matching de route dynamique, routes imbriqués, navigation programmatique,...
  • Gardes de navigation
  • Atelier: Création d’une Single Page Application avec Vue Routeur
Module 8

Vuex

  • Architecture de Vuex et State management pattern
  • Installation de Vuex
  • Mettre en oeuvre Vuex
  • Librairies alternatives
  • Atelier: Gestion centralisée de l’état d’une application avec Vuex

Formations suggérées

JavaScript les fondamentaux du langage (JSFOND)

2 jours

JavaScript développer des applications web (JSDEVWEB)

2 jours

ECMAScript (ECMASCRIPT)

2 jours

TypeScript (TYPESCRIPT)

2 jours

Angular (ANGULAR)

3 jours

PWA - Progressive Web Applications (PWA)

2 jours

RxJS programmation réactive (RXJS)

2 jours

Nous contacter

Paris

48 Rue Jacques Dulud

92200 Neuilly-sur-Seine

+33 1 41 38 52 00

Lille

74 rue des Arts

59800 Lille

+33 3 66 72 61 32

Strasbourg

Crystal Park, 1 Avenue de l'Europe

67300 Schiltigheim

+33 3 88 47 04 38

Luxembourg

2, rue Drosbach

L-3372 Leudelange, Luxembourg

+352 26 54 47 1

Bordeaux

c/o Mama Works, 51 quai Lawton

33300 Bordeaux

Nantes

Zero Newton, 3 Rue Albert Camus

44000 Nantes

+33 2 55 59 07 00