Développer des applications web avec VueJS

Objectifs pédagogiques

‍

• Découvrir et maîtriser Vue.js
• Développer une application web avec Vue.js
• Gérer la persistance des données
• Gérer le réseau et les échanges de données

Programme détaillé

Présentation de Vue.js

• Historique
• Rappel JavaScript
• Comparaison avec les autres frameworks web

Objectif opérationnel :  Rafraîchir les connaissances Javascript et avoir une idée de Vue.Js

Moyen d’évaluation : QCM

Les bases de Vue

• L’instance Vue
• Lifecycle looks d’une instance Vue
• Methods
• Binding Attributes
• Handling Events
• Shorthand

Objectif opérationnel :  Avoir un aperçu des principaux concepts de Vue.Js

Moyen d’évaluation : QCM

Utilisation des templates

• Syntaxe
• Interpolation
• Propriétés et Événements
• Inputs
• Atelier : Génération d’un projet et manipulation de templates
  

Objectif opérationnel : Découvrir la syntaxe des templates VueJs et savoir comment manipuler les propriétés, événements et les inputs pour afficher des données dynamiquement

Moyen d’évaluation : QCM

Réutilisabilité et composition

• Directives de Vue.js
• Component
• Mixins et Filters
• Création de directives
• Atelier : Réalisation d’une application permettant de manipuler les composants, les directives et les mixins

‍Objectif opérationnel :  Savoir comment créer et réutiliser des directives, des components et des mixins

Moyen d’évaluation : QCM

Components

• Data property et computed properties
• Composant Globale et Locale
• Global & scoped styles
• Communication entre les composants
• Slots et Named slots
• Mise en pratique

Objectif opérationnel :  Comprendre profondément les différentes caractéristiques d’un Composant

Moyen d’évaluation : QCM

Transitions et animation

• Outils fournis par Vue.js
• Savoir les différents modes/types de transitions fournis par Vue.js et comment s’en servir.
• Atelier : Réalisation d’une application permettant de manipuler les transitions et les animations

Objectif opérationnel :  Pouvoir manipuler les animations et les transitions

Moyen d’évaluation : QCM

Router

• Utiliser et configurer Vue-router
• Enregistrer des routes
• Les paramètres d’une route
• Router modes (history and hash)
• Nested routes
• Transitions des routes
• Guards des routes et des components
• Atelier : Réalisation d’une application permettant de mettre en place la navigation complète d’une application

Objectif opérationnel : Pouvoir mettre en place une navigation complète d’une application

Moyen d’évaluation : QCM

Outillage

• Présentation de vue-cli
• Vue developer tools
• Webpack
• Test unitaires avec Karma
• Atelier : Réalisation d’une application avec vue-cli et Webpack & couverture des fonctionnalités avec des tests unitaires

Objectif opérationnel : Utilisation des outils fournis par Vue pour faciliter le développement ainsi que le debugging des erreurs et le build de l’application

Moyen d’évaluation : QCM

‍

• THÉORIE : 30%
• PRATIQUE : 70%
• LIEUX : CENTRE DE NANTES, CLASSE A DISTANCE, DANS VOS LOCAUX

‍