Accueil Formations

Apprendre Vue JS 3

Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Découvrir l'abonnement
Mise à jour : 06/05/2024
Durée : 11h 47min
91 vidéos
Offre limitée -50% : 00j 00h 00m
Abonnement
  • Accès illimité à 1700 formations
34,90€ 17,45€ /mois
Elephorm Je m'abonne
Recommandé
Achat unique
  • Accès illimité à la formation
69,00€ 34,50€ Ajouter au panier Acheter maintenant

Ce que vous allez apprendre

  • Mettre en œuvre la réactivité de Vue.js (data binding, computed, watchers) pour créer des interfaces dynamiques.
  • Construire des composants réutilisables et organiser une application par modules (props, slots, cycle de vie, événements).
  • Gérer les interactions utilisateur (événements, modificateurs, formulaires) et l’affichage conditionnel.
  • Créer une application SPA avec Vue Router (routes, guards, transitions de navigation).
  • Initialiser, structurer et industrialiser un projet avec Vue CLI et/ou Vite (outillage, architecture, dépendances).
  • Mettre en place une gestion d’état centralisée avec Vuex et Pinia selon les besoins du projet.
  • Consommer des API et persister des données avec Axios et Firebase (CRUD).
  • Adopter la Composition API et TypeScript pour améliorer la lisibilité et la robustesse du code.
1

Premiers pas en Vue3

Formation Complète pour Débutants en Vue 3 03:39
Préparation de l'Environnement de Développement pour Vue 3 09:53
Tutoriel : Créer une Application Vue JS avec le Modèle MVVM 02:47
Apprentissage de Vue 3 avec un Projet HTML Simple 14:11
Utilisation des Expressions JavaScript dans les Interpolations 07:08
Utilisation des Propriétés Calculées dans Vue 3 09:53
Comprendre et Utiliser le Data Binding en Vue.js 05:55
Maîtrisez les Directives v-text et v-html dans Vue.js 13:44
Maîtriser le Binding Bidirectionnel avec Vue.js 09:58
Apprendre les directives v-bind et v-model sur Vue.js 13:18
Gestion des événements dans Vue.js 3 09:24
Utilisation de l'objet JavaScript Event pour capturer les coordonnées de la souris 05:52
Utilisation de StopPropagation et PreventDefault dans Vue.js 09:56
Maîtriser les Modificateurs d'Événements en Javascript 08:41
Apprendre à Utiliser la Directive v-for en Vue 3 13:07
Utilisation d'Arguments Dynamiques avec Vue.js 06:45
Utilisation de la Directive V for avec des Tableaux JSON en Vue.js 03:41
Gestion des Événements Claviers en Vue JS 05:24
Utilisation de la directive v-cloak dans Vue.js 01:58
Utilisation de la Directive v-once dans Vue.js 03:37
Utilisation des Classes Conditionnelles avec vbind et vmodel 13:21
Modification des Styles Inline avec Vue.js 07:54
Introduction à l'affichage conditionnel avec Vue.js 07:48
Création d'une application avec Vue JS 3 10:14
Utilisation de la directive v-for dans Vue.js 11:28
Apprendre à lier des images dynamiquement avec Vue.js 08:51
2

Les composants Vue JS

Formation sur la Création de Composants Vue Globaux 04:02
Optimisation de l'utilisation des composants en JavaScript 04:13
Ajouter des données dans des composants 08:47
Ajout de Méthodes dans un Composant Vue.js 03:21
Utilisation des Props dans un Composant 07:49
Accéder et Utiliser les Props dans les Composants JavaScript 05:37
Transférer des données entre composants Vue.js 04:05
Utilisation de $emit() dans Vue.js 10:39
Utilisation des Lifecycle Hooks dans Vue.js 10:22
Créer des Composants Vue.js avec Axios 11:32
Utilisation des Slots Simples dans Vue JS 05:34
Tutoriel sur l'utilisation des slots nommés avec v-slot dans Vue.js 03:44
Utiliser les slots avec portée dans Vue.js 07:09
Remplacer les filtres par des propriétés calculées dans Vue JS 3 11:58
Utilisation des Observateurs dans un Modèle d'Application 08:46
Utilisation Asynchrone de la Fonction JavaScript SetTimeout 06:11
Transitions et Animations en Vue JS 06:28
Réalisez des Transitions en Vue.js 07:34
Maîtriser les Transitions IN-OUT et OUT-IN avec Vue JS 07:39
Apprendre les Transitions en Vue.js 07:37
Ajouter des Transitions Animées aux Listes dans Vue.js 09:23
Animations avancées avec Vue JS et Animate.css 07:27
Animations avec Velocity.js dans Vue 3 12:08
3

Les applications SPA (Single Page Applications)

Créer une Application SPA avec Vue 3 et Vue Router 11:40
Implémentation des Navigation Guards dans Vue.js 10:32
Effectuer des Transitions dans une Application SPA 06:57
4

L'interface en ligne de commande Vue-Cli

Création d'une Application Vue.js avec Vue CLI 05:18
Analyse de l'Architecture d'une Application Vue.js 06:18
Création d'une Application Vue.js avec Composants Inscrits 11:15
Intégration d'Axios et Bootstrap dans une application Vue JS 18:26
Créer des Fonctions de Rendu dans Vue.js 06:51
Simplifier les Composants Vue.js avec des Fonctions de Rendu 07:25
Création de Composants Fonctionnels avec Vue JS 03:28
Transformation de Composant Local en Composant Fonctionnel 04:36
5

Le gestionnaire d'état Vuex

Gestion de l'état avec VueX dans une application VueJS 07:17
Gestion de Stock avec Vue.js et Vuex 09:40
Accéder à l'état du store dans les composants VueJS 03:40
Utilisation des Plugins dans VueX pour Gérer les Mutations 06:53
Créer un Store Minimaliste avec Vue.js Réactive 07:40
Gestion de l'État avec VueX dans Vue.js 08:58
Validation de formulaires avec Vue.js 16:22
6

Le gestionnaire d'état Pinia

Utilisation de Pina pour la gestion d'état dans Vue.js avec Vite 03:39
Tutoriel pour Nettoyer les Fichiers Vite et Construire une Interface d'Application 03:25
Apprendre à créer un store avec PINIA dans Vue.js 05:58
Interfacer le store Pina avec votre application Vue.js 06:55
Intégration du Store Pina dans Vue.js 03:58
7

Persistance des données avec Firebase

Intégration de Firebase dans un projet VueJS 3 avec Vite 04:36
Intégration de Firebase avec Vue.js 03:07
Comment créer une base de données Firebase avec Vue.js 03:54
Connexion entre Firebase et Vue.js 08:09
Utilisation de l'API de Composition pour Afficher des Données Réactives dans Vue.js 05:54
Ajout et Suppression de Notes avec Firebase 16:46
8

Plus loin avec Vue.js 3

Création et Utilisation des Mixins Locaux dans Vue.js 05:10
Utilisation des Mixins Globaux dans Vue.js 02:25
Étendre Vue JS avec des Plugins 11:19
Maîtriser les Directives Personnalisées dans Vue.js 14:29
Typer les Props avec Vue.js 06:54
Développer des Applications Mobiles avec NativeScript-Vue 05:53
Créer des images cliquables avec NativeScript Vue 06:16
Utilisation du composant Teleport dans Vue JS 3 07:36
Utilisation de la Composition API avec Vue.js 3 13:19
Apprenez à gérer les variables réactives avec Vue.js 03:04
Utiliser la Fonction Computed dans Vue.js 02:36
Optimisation du Code avec la Composition API de Vue.js 3 03:25
Créer une Application Vue 3 avec TypeScript 13:42

Description

Cette formation guide la prise en main de Vue.js pour construire des applications web modernes, modulaires et maintenables. Le parcours démarre par les fondamentaux (interpolations, data binding, directives, gestion des événements, affichage conditionnel, boucles, classes et styles dynamiques) afin de comprendre rapidement la réactivité et le modèle MVVM.

La formation approfondit ensuite la composition d’interfaces avec les composants : props, communication parent/enfant, événements via $emit, hooks de cycle de vie, slots (simples, nommés et à portée), watchers et gestion de l’asynchronisme. Des séquences dédiées aux transitions et animations permettent d’améliorer l’expérience utilisateur, y compris sur des listes.

La création d’applications SPA est abordée avec Vue Router (routes, transitions, navigation guards), puis la structuration d’un projet avec Vue CLI et l’écosystème (architecture, rendu, composants fonctionnels, intégration d’Axios et de Bootstrap). La gestion d’état est traitée avec Vuex et Pinia, et la persistance de données est mise en pratique via Firebase. Enfin, la formation explore des sujets avancés (mixins, plugins, directives personnalisées, Teleport, Composition API) et l’intégration de TypeScript pour sécuriser le code.

Pré-requis

Connaissance de base en JavaScript, HTML et CSS. Un environnement Node.js avec npm/yarn est recommandé pour utiliser Vue CLI/Vite.

Public Cible

Cette formation s’adresse aux développeurs web et front-end souhaitant utiliser Vue.js dans des projets concrets, de la page interactive à l’application SPA. Elle convient également aux étudiants et aux profils techniques désirant structurer leur pratique autour des composants, du routage et de la gestion d’état.

Questions fréquentes

  • Quels sont les prérequis pour suivre la formation Vue.js ?
    Une base en JavaScript, HTML et CSS suffit. Pour les chapitres liés à Vue CLI/Vite et à l’écosystème, un environnement Node.js (npm/yarn) est recommandé.
  • La formation couvre-t-elle Vue Router pour créer une SPA ?
    Oui. Le parcours montre la mise en place d’une Single Page Application, la configuration des routes, l’usage des navigation guards et l’intégration de transitions.
  • Vuex ou Pinia : lequel est abordé et dans quel objectif ?
    Les deux sont traités. Vuex est présenté pour comprendre les principes d’un store centralisé, et Pinia est utilisé pour une approche moderne et légère de la gestion d’état, notamment avec Vite.
  • Est-ce qu’il y a des exemples de consommation d’API et de requêtes HTTP ?
    Oui. L’utilisation d’Axios est abordée dans les composants pour charger des données et connecter l’interface à des services externes.
  • Comment la persistance des données est-elle mise en pratique ?
    La formation inclut une séquence dédiée à Firebase : configuration, création de base, connexion à l’application et opérations courantes (ajout, suppression, affichage de données réactives).
  • La Composition API et TypeScript sont-ils inclus ?
    Oui. La Composition API est expliquée et appliquée (réactivité, computed, organisation du code), puis un chapitre montre la création d’une application Vue avec TypeScript.

Avis des apprenants

Formez vous à la carte, ou abonnez vous
Offre limitée -50% : 00j 00h 00m
Achat unique
  • Accès illimité à la formation
69,00€ 34,50€ Ajouter au panier Acheter maintenant
ou
Abonnement
  • Accès illimité à 1700 formations
34,90€ 17,45€ /mois
Elephorm Je m'abonne
Recommandé