Prochaine session

3 jours

Inscription

Vue JS

Vue JS est le framework JavaScript simple pour créer des interfaces web dynamiques et performantes. Il a tout ce qu'il faut pour créer des grandes applications : un router officiel et un pattern flux propre à lui-même, tout cela en moins de 30kb !
Vous ressortirez de cette formation Vue.js avec une vision nouvelle sur ce que peut être une application web, que vous soyez habitué à développer en JavaScript pur ou avec des librairies comme jQuery.

Durée

.

Public cible

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

Pré-requis

  • • Bases solides en HTML5 et CSS3
  • • Avoir suivi une formation JavaScript, ou niveau équivalent

Objectifs

  • • Comprendre les caractéristiques d’une Single Page App
  • • Découvrir la philosophie et le fonctionnement du framework Vue.js
  • • Prototyper une application web avec le framework progressif Vue.js
  • • Savoir utiliser les outils de développements Vue.js dans un navigateur, un IDE et un terminal.
  • • Réutiliser du code grâce aux composants

Informations

Cette formation est accessible en présentiel et à distance (classe virtuelle)

Programme détaillé

Jour 1 — Une application web simple avec Vue

  • Introduction
  • • SPA et les frameworks JavaScript
  • • Vue.js, un framework progressif
  • • Data Driven Interfaces
  • • Ecosystème
  • • Réactivité basique avec l’interpolation et v-bind
  • • Conditionnelles
  • • Boucles
  • • Evénements
  • Bases
  • • Instance Vue
  • • Templating
  • - Interpolation
  • - Attributs
  • - Directives
  • - Filtres
  • • Comparatif Vue vs jQuery
  • • v-model
  • - Inputs Natifs
  • • Boucler sur de la donnée
  • • Rendering conditionnel
  • • Manipuler des classes
  • • Propriétés calculées
  • • Écoute d'événements

Jour 2 — Une application faite de composants

  • Composants
  • • Rôle du composant dans une SPA
  • • Props
  • • Evénements
  • • Slots
  • • Composants dynamiques
  • Vue CLI
  • • Qu’est-ce que Vue CLI ?

Jour 3 — Routeur, plugins et API

  • Extensions
  • • Mixins
  • • Plugins
  • Cycle de vie
  • Routing avec vue-router
  • • Vue Router
  • - Routes
  • - Modes
  • - Lien
  • - La vue principale


Vue JS

Interressé par cette formation ? Contactez-nous pour plus d'informations