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

Intra-entreprise

Référence : X5p6jJHDLD9o

Durée : 21 h sur 3 j

Tarif

7 350 €

M2i Formation

Mougins

Intra-Entreprise

Une formation intra-entreprise réunit dans une même session les salariés d'une seule entreprise. Elle se déroule généralement dans les locaux de l'entreprise. Le tarif est convenu pour la formation d'un groupe de salarié.

Détails de la formation

Méthodes et outils pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

Ordinateurs Mac ou PC (sauf pour certains cours de l’offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
Environnements de formation installés sur les postes de travail ou en ligne
Supports de cours et exercices

En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

Mettre en oeuvre le framework Vue.js 3
Utiliser Vue.js 3 dans le cadre d'une application SPA (Single Page Application) et d'applications clientes plus conventionnelles.

Méthodes d'évaluation

En cours de formation, par des études de cas ou des travaux pratiques - Et, en fin de formation, par un questionnaire d'auto-évaluation

Pré-requis

Avoir une très bonne connaissance de HTML 5, de CSS 3 et de JavaScript.

Public cible

Tous publics

Programme

Premiers pas avec Vue.js

-Principes clés de Vue.js-Vue.js vs React vs Angular-Créer et gérer un projet avec Vue CLI-La base d'une application : l'instance Vue-Créer son premier composant Vue.js-Gérer les évènements du DOM-Débugger avec Vue Devtools-Exemple de travaux pratiques (à titre indicatif)
-Instance d'une première application

Répartir son code dans des composants

-L'imbrication de composants et les props-Passer du contenu à un composant : les slots / children-Déclencher des évènements "custom"-Le cycle de vie des composants-"Two-way data binding" vs "One-way data flow"-Validation de la saisie utilisateurJour 2

Enrichir ses templates

-Filters et computed props : simplifier l'écriture des templates-Templates vs render() methods et JSX-Composants fonctionnels-Animations et transitions : améliorer l'expérience utilisateur-Exemple de travaux pratiques (à titre indicatif)
-Réalisation d'une "To Do List"

Gérer la navigation

-Développer un système de "routing maison"-Principes de Vue Router-Configurer des routes-Sécuriser une application : les "navigation guards"-Transitions entre écrans-Exemple de travaux pratiques (à titre indicatif)
-Réalisation d'un lecteur d'article provenant d'un serveurJour 3

Gestion des données avec Vuex

-Vuex : concepts de base-Installation et mise en oeuvre-Vuex et les formulations-Etendre Vuex avec les plug-ins-Exemple de travaux pratiques (à titre indicatif)
-Création d'un prototype de solution SAS