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