M2I FORMATION : 07. Vue.js - Développement d'applications web

Jour 1

Premiers pas avec Vue.js

–    Principes clés de Vue.js

–    Vue.js vs React vs Angular

–    Créer et gérer un projet avec Vue CLI

–    La base d'une application : l'instance Vue

–    Créer son premier composant Vue.js

–    Gérer les évènements du DOM

–    Débugger avec Vue Devtools

Exemple de travaux pratiques (à titre indicatif)

–    Instance d'une première application

Répartir son code dans des composants

–    L'imbrication de composants et les props

–    Passer du contenu à un composant : les slots / children

–    Déclencher des évènements "custom"

–    Le cycle de vie des composants

–    "Two-way data binding" vs "One-way data flow"

–    Validation de la saisie utilisateur

Jour 2

Enrichir ses templates

–    Filters et computed props : simplifier l'écriture des templates

–    Templates vs render() methods et JSX

–    Composants fonctionnels

–    Animations et transitions : améliorer l'expérience utilisateur

Exemple de travaux pratiques (à titre indicatif)

–    Réalisation d'une "To Do List"

Gérer la navigation

–    Développer un système de "routing maison"

–    Principes de Vue Router

–    Configurer des routes

–    Sécuriser une application : les "navigation guards"

–    Transitions entre écrans

Exemple de travaux pratiques (à titre indicatif)

–    Réalisation d'un lecteur d'article provenant d'un serveur

Jour 3

Gestion des données avec Vuex

–    Vuex : concepts de base

–    Installation et mise en oeuvre

–    Vuex et les formulations

–    Etendre Vuex avec les plug-ins

Exemple de travaux pratiques (à titre indicatif)

–    Création d'un prototype de solution SAS