Fantom Tag

Formation - Vue.js - Développement d'applications Web

Développer une application Single Page App (SPA) complète avec le framework open source JavaScript Vue.js

  • Présentiel ou classe à distance
  • Fondamental
  • Blended
PRESENTIEL OU CLASSE A DISTANCE
Durée
3 jours (21 heures)
activités à distance

Prix
2 040,00 €  HT

Référence
LI270
Dans vos locaux ou à distance
Référence
LI270

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
5 120,00€ HT
Prix pour un groupe de 12 personnes max
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs web
  • Intégrateurs
  • Architectes logiciels
  • Chefs de projet...

Prérequis

Programme

Le programme

1 - La librairie Vue.js

  • Présentation de Vue.js
  • Installation de vue-cli
  • Créer une application
  • Tester l’application en développement
  • Architecture de projet

2 - Les fichiers de composants

  • Les Single File Components (fichier.vue)
  • Créer un composant
  • Lier un composant à l’application
  • Le template
  • La mécanique du composants (module CommonJS)
  • L’encapsulation de style

3 - Les syntaxes d’interpolation

  • Les données du composants (propriété data)
  • Opérateur moustache et expression JS
  • Injecter du texte et du HTML (v-html)
  • Injecter sans prendre en compte les changements (v-once)
  • Les filtres
  • Insérer un composant (balise de composant)

4 - Rendu conditionnel

  • Les directives v-if, v-else et v-else-if
  • Affichage avec existence dans le DOM permanente avec v-show
  • Utiliser v-if avec la balise template

5 - Affichage de liste

  • La directive v-for et ses syntaxes (in / of)
  • L’attribut key
  • Immutabilité des éléments de tableau
  • Créer un range
  • Utiliser v-for avec la balise template
  • Priorité entre v-if et v-for

6 - Lier des attributs

  • Lier un attribut avec v-bind
  • Class-binding avec v-bind:class
  • Style-binding avec v-bind:style (prefixer automatique)
  • Les arguments dynamiques (v-bind[...])
  • Syntaxe raccourcis (:prop)

7 - Gérer les événements

  • La directive v-on
  • Les modificateurs d’événement (stop, prevent, ...)
  • Les modificateurs de touches (enter, space, ...)
  • Créer des méthodes pour gérer vos événements
  • Les arguments dynamiques (v-on[...])
  • Syntaxe raccourcis (@event)

8 - Les formulaires

  • La directive v-model
  • Liaison de valeur (checkbox, radio, select)
  • Les modificateurs (lazy, number, ...)

9 - Les composants avancés

  • Passer des données à un composant avec v-bind
  • Mise en cache de méthodes avec les propriétés calculées : methods VS computed
  • Les watchers (watch)
  • Le cycle de vie d’un composant (created, mounted, ...)
  • Emettre des événements depuis un composant ($emit, utilisation avec v-model)
  • Les slots

10 - Routing et navigation

  • Installation et mise en place de vue-router
  • Configuration du router
  • Les routes
  • Les liens (router-link)
  • Les vues (router-view)
  • Gérer les paramètres
  • Redirections et alias
  • Les navigations imbriquées
  • Sécurité des routes avec les guards

11 - Gérer l’état de son application avec Vuex

  • L’architecture Flux
  • Installation et mise en place de vuex
  • Création du store
  • Définition et accès à l’état
  • Définition et accès aux mutations
  • Mutualiser les accès avec les getters
  • Gérer des mutations asynchrones avec les actions
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans la mise en oeuvre de vos acquis

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • Maitriser l'environnement du développeur JS
  • Comprendre les principes clés de Vue.js
  • Savoir développer une SPA avec Vue.js
  • Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js
  • Appliquer les bonnes pratiques à un projet Vue.js
Points forts

Les points forts de la formation

  • Une formation qui alterne des exposés, des cas pratiques et une synthèse.
  • Toutes nos formations sont animées par des consultants-formateurs expérimentés et reconnus par leurs pairs.
  • 94% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Financement

Les solutions de financement

Spécial adhérents Atlas
Cette formation est éligible à l'action collective campusAtlas "Développement web".
En savoir plus sur les Actions Collectives Atlas.
Financer cette formation avec le FNE
Cette formation est éligible au dispositif FNE-Formation sur campusAtlas.
En savoir plus sur le FNE-Formation.
Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.

Sessions

Mise à jour le 18/07/2024
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Montpellier
    Espace Entreprise GAROSUD 48 rue Claude Balbastre
    34070 Montpellier
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 040,00 € HT
    Places disponibles
    Session garantie
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 040,00 € HT
    Places disponibles
    Session garantie
    S'inscrire
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Nancy
    IBIS Style Nancy 8 allée de la Genelière
    54180 Houdemont
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    World Trade Center 2 rue Henri Barbusse
    13241 Marseille
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Grenoble
    Novotel Grenoble Centre 5-7 Place Robert Schuman
    38000 Grenoble
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Tours
    IBIS Style Tours Centre 4 place de la liberté
    37000 Tours
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 040,00 € HT
    Places disponibles
    S'inscrire
Formation - Vue.js - Développement d'applications Web