Vue.js, utiliser le framework JavaScript pour développer le front end de vos applications web

Ce cours en ligne a pour objectif de vous apporter les connaissances pour développer le front end d'applications web avec Vue.js. Il s'adresse à un public de développeurs possédant des bonnes connaissances en HTML et maîtrisant JavaScript. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Catalogue

Sur mesure

Formation en ligne

Réf. 4VS

7h00

Prix : 95 CHF H.T.

Langue : FR

Ce module n’est pas vendu à l’unité.
Tarifs dégressifs selon le nombre
d'apprenants, nous contacter

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :

Comprendre dans quelles situations privilégier l'utilisation de Vue.js
Créer une première instance de type Vue et son cycle de vie
Utiliser Vue.js pour interagir avec le DOM
Utiliser des propriétés calculées, écouteurs et styles dynamiques
Structurer une page en composants
Faire communiquer entre eux un composant parent et un composant enfant

Public concerné

Développeurs souhaitant concevoir des interfaces utilisateur riches et dynamiques avec Vue.js.

Prérequis

Bonnes connaissances en HTML, maîtrise et pratique de JavaScript.

Programme de la formation

Appréhender Vue.js

Définition de Vue.js.
Enjeux et usages de Vue.js.
Création d'une première instance.
Cycle de vie d'une instance.
Utilisation de plusieurs instances.

Utiliser Vue.js pour interagir avec le DOM

Liaison d'une valeur du modèle à une valeur d'attribut de la vue.
Affichage du HTML du modèle dans la vue.
Utilisation des méthodes de mutation pour modifier les valeurs d'un tableau.
Ajout d'un événement clic sur les cases d'un tableau.
Passage des valeurs en arguments avec les événements.
Utilisation des modificateurs d'événements au sein d'une instance.
Utilisation de l'affichage conditionnel.
Affichage d'une liste.

Mettre en œuvre la réactivité de Vue.js

Binding bidirectionnel.
Propriétés calculées.
Écouteurs.
Styles dynamiques.
Styles dynamiques avec un objet.
Styles dynamiques avec un objet sans CSS.

Structurer une page en composants

Installation de Vue CLI.
Création d'un premier composant.
Communication entre composant parent et composant enfant.
Communication entre deux composants enfants.
Communication entre composants à l'aide d'un bus d'événements.
Utilisation de requêtes Ajax pour récupérer du contenu externe.

Modalités pratiques

Activités digitales

Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.

Tutorat

Un formateur dédié accompagne l’apprenant dès le début de sa formation. Il corrige ses exercices et répond à ses questions par e-mail. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.

Pédagogie et pratique;

Une évaluation tout au long de la formation grâce à une pédagogie active mixant théorie, exercice, partage de pratique et gamification. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM (1.2) et accessible en illimité pendant 1 an.

Modalités d'évaluation

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…

Le participant complète également un test de positionnement en amont et en aval pour valider les compétence acquises.