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
.
Publics cibles
- 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