> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation Vue.js - Le framework JavaScript pour développer le front end de vos applications web

ERROR Avis : La référence d'objet n'est pas définie à une instance d'un objet.
Toutes nos formations Développement Front-End

Formation Vue.js - Le framework JavaScript pour développer le front end de vos applications web
Tutorat en option
E-learning

Stage pratique
100% à distance
Durée : 1 jour
Réf : 4VS
Prix  2021 : 30 € H.T.
  • Programme
  • Participants / Prérequis
Programme

Ces tutoriels de formation 100% à distance ont pour objectifs de vous apporter les connaissances pour développer le Front End d'applications web avec Vue.js. Ils s'adressent à 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.

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

Méthodes pédagogiques

Pédagogie 100% à distance s'appuyant sur des tutoriels vidéos. Un auto-apprentissage séquencé par actions utilisateur sur le logiciel à maîtriser.
PROGRAMME DE 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.

Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.

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.

Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.

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.

Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.

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.

Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.

Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.