Durée :
3 jours
Ref :
B-WF-VJ
Prix :
1650€ HT
Date des prochaines sessions
Session garantie à partir de 2 personnes.
15.3.22
-
17.3.22
Lyon / Nantes / A distance
25.5.22
-
27.5.22
Lyon / Nantes / A distance
Publics
Développeurs web HTML, JavaScript et CSS
Pré-requis

Vous devez être très familier avec les langages du web (HTML, JavaScript et CSS).

Informations pratiques
  • THÉORIE : 30%
  • PRATIQUE : 70%
  • LIEUX : NANTES, LYON, À DISTANCE

Votre formateur
Consultant, Formateur JavaScript Web et Mobile, avec une vision très opérationnelle, en tant que développeur expérimenté d’applications web.

Développer des applications web avec VueJS

Vous trouverez ci-dessous le programme détaillé de la formation « Développer des applicationsweb avec VueJS ». Cette formation de 3 jours vous permet d’acquérir tous les fondamentaux du développement d’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