CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Intégration de Firebase dans un projet VueJS 3 avec Vite

Intégration de Firebase dans un projet VueJS 3 avec Vite

Introduction à Firebase
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

  • Montrer comment utiliser Firebase pour la persistance des données dans une application VueJS 3.
  • Présenter l'outil de ligne de commande Vite pour créer des projets plus rapidement.
  • Fournir un exemple pratique de configuration initiale et de nettoyage d'un projet VueJS 3.

Découvrez comment assurer la persistance des données d'une application VueJS 3 grâce à Firebase en utilisant Vite.

Pour garantir la persistance des données d'une application VueJS 3 sur diverses plateformes, telles que des ordinateurs, tablettes ou smartphones, l'utilisation d'une base de données est impérative. Bien que des solutions SQL comme PostgreSQL ou MySQL soient couramment employées, cette leçon se concentre sur l'intégration de Firebase, une base de données NoSQL maintenue par Google, au sein d'un projet VueJS 3. Firebase offre des capacités généreuses gratuitement, notamment un giga octet d'espace de stockage, et permet d'effectuer 20 000 écritures, 50 000 lectures et 20 000 suppressions de documents par jour.

En utilisant l'outil de ligne de commande Vite, développé par le créateur de VueJS, Evan New, cette vidéo démontre comment créer un projet VueJS 3 plus rapidement et efficacement que via Webpack. À travers des étapes pas à pas, cette leçon couvre la création d'un nouveau projet nommé 'Firebase', la suppression des composants et icônes inutiles, et l'ajustement des fichiers initiaux comme index.html et app.vue.

Cette vidéo est dédiée à quiconque souhaite améliorer ses compétences en développement avec VueJS et Firebase, offrant ainsi une base solide pour la création d'applications modernes et réactives.

Voir plus
Questions réponses
Pourquoi utiliser Firebase pour la persistance des données?
Firebase est maintenue par Google, offre une grande générosité pour un usage gratuit et assure une rapidité de mise en œuvre et de gestion des données.
Quels sont les avantages de Vite par rapport à Webpack?
Vite, développé par Evan New, est plus rapide et plus efficace que Webpack, ce qui permet de développer des projets VueJS 3 de manière plus fluide.
Comment renommer le titre de la page index.html dans un projet VueJS 3?
Ouvrez le fichier index.html et modifiez la balise pour y inclure le nouveau nom de votre projet. </div> </div> </div> </div> </div> </div> </div> </div> <div id="formation_details_principaux"> <h2 class="sommaire_title">Programme détaillé</h2> <div id="sommaire"> <div id="chapitre_zero" class=""> <a href="/formation/code-data/javascript/apprendre-vue-js-3"> <i class="fas fa-play-circle icone"></i> <span class="accueil__titre">Accueil de la formation</span> </a> </div> <div id="chapitres"> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse1"> <h3 class="module-name">Module 1 - Premiers pas en Vue3</h3> <i class="icon icon-plus"></i> </div> <div id="collapse1" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70447 lesson locked " data-uuid="70447" data-duration="219" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/formation-complete-pour-debutants-en-vue-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Principes clés de Vue.js</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:39</span> </span> </div> </div> <div class="lesson-70448 lesson locked " data-uuid="70448" data-duration="593" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/preparation-de-lenvironnement-de-developpement-pour-vue-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Préparation de l'environnement de développement</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:53</span> </span> </div> </div> <div class="lesson-70449 lesson locked " data-uuid="70449" data-duration="167" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/tutoriel-creer-une-application-vue-js-avec-le-modele-mvvm"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Le modèle MVVM de Vue.js</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">02:47</span> </span> </div> </div> <div class="lesson-70450 lesson locked " data-uuid="70450" data-duration="851" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprentissage-de-vue-3-avec-un-projet-html-simple"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Un premier projet Vue.js</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">14:11</span> </span> </div> </div> <div class="lesson-70451 lesson locked " data-uuid="70451" data-duration="428" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-expressions-javascript-dans-les-interpolations"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Un deuxième exemple (projet3)</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:08</span> </span> </div> </div> <div class="lesson-70452 lesson locked " data-uuid="70452" data-duration="593" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-proprietes-calculees-dans-vue-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Propriétés calculées</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:53</span> </span> </div> </div> <div class="lesson-70453 lesson locked " data-uuid="70453" data-duration="355" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/comprendre-et-utiliser-le-data-binding-en-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Data binding</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:55</span> </span> </div> </div> <div class="lesson-70454 lesson locked " data-uuid="70454" data-duration="824" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/maitrisez-les-directives-v-text-et-v-html-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">innerHTML et nœud texte</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:44</span> </span> </div> </div> <div class="lesson-70455 lesson locked " data-uuid="70455" data-duration="598" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/maitriser-le-binding-bidirectionnel-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Binding bidirectionnel</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:58</span> </span> </div> </div> <div class="lesson-70456 lesson locked " data-uuid="70456" data-duration="798" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprendre-les-directives-v-bind-et-v-model-sur-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Utilisation conjointe des directives v-model et v-bind</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:18</span> </span> </div> </div> <div class="lesson-70457 lesson locked " data-uuid="70457" data-duration="564" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/gestion-des-evenements-dans-vuejs-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Gestion évènementielle</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:24</span> </span> </div> </div> <div class="lesson-70458 lesson locked " data-uuid="70458" data-duration="352" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-lobjet-javascript-event-pour-capturer-les-coordonnees-de-la-souris"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">L'objet $event dans la gestion évènementielle</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:52</span> </span> </div> </div> <div class="lesson-70459 lesson locked " data-uuid="70459" data-duration="596" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-stoppropagation-et-preventdefault-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Les fonctions stopPropagation() et preventDefault() de l'objet $event</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:56</span> </span> </div> </div> <div class="lesson-70460 lesson locked " data-uuid="70460" data-duration="521" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/maitriser-les-modificateurs-devenements-en-javascript"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Suffixes stop et prevent de Vue</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:41</span> </span> </div> </div> <div class="lesson-70461 lesson locked " data-uuid="70461" data-duration="787" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprendre-utiliser-la-directive-v-en-vue-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">La directive v-for</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:07</span> </span> </div> </div> <div class="lesson-70462 lesson locked " data-uuid="70462" data-duration="405" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-darguments-dynamiques-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Arguments dynamiques</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:45</span> </span> </div> </div> <div class="lesson-70463 lesson locked " data-uuid="70463" data-duration="221" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-la-directive-v-avec-des-tableaux-json-en-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Directive v-for pour parcourir des objets JSON</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:41</span> </span> </div> </div> <div class="lesson-70464 lesson locked " data-uuid="70464" data-duration="324" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/gestion-des-evenements-claviers-en-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Gestion des évènements clavier</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:24</span> </span> </div> </div> <div class="lesson-70465 lesson locked " data-uuid="70465" data-duration="118" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-la-directive-v-cloak-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">La directive v-cloak</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">01:58</span> </span> </div> </div> <div class="lesson-70466 lesson locked " data-uuid="70466" data-duration="217" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-la-directive-v-once-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">La directive v-once</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:37</span> </span> </div> </div> <div class="lesson-70467 lesson locked " data-uuid="70467" data-duration="801" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-classes-conditionnelles-avec-vbind-et-vmodel"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Classes conditionnelles</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:21</span> </span> </div> </div> <div class="lesson-70468 lesson locked " data-uuid="70468" data-duration="474" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/modification-des-styles-inline-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Gestion des styles inline</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:54</span> </span> </div> </div> <div class="lesson-70469 lesson locked " data-uuid="70469" data-duration="468" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/introduction-laffichage-conditionnel-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Afficher du code HTML conditionnellement</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:48</span> </span> </div> </div> <div class="lesson-70470 lesson locked " data-uuid="70470" data-duration="614" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creation-dune-application-avec-vue-js-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Super challenge - Partie 1</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">10:14</span> </span> </div> </div> <div class="lesson-70471 lesson locked " data-uuid="70471" data-duration="688" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-la-directive-v-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Super Challenge - Partie 2</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:28</span> </span> </div> </div> <div class="lesson-70472 lesson locked " data-uuid="70472" data-duration="531" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprendre-lier-des-images-dynamiquement-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Super challenge - Partie 3</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:51</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse2"> <h3 class="module-name">Module 2 - Les composants Vue JS</h3> <i class="icon icon-plus"></i> </div> <div id="collapse2" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70473 lesson locked " data-uuid="70473" data-duration="242" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/formation-sur-la-creation-de-composants-vue-globaux"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Intruductio</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">04:02</span> </span> </div> </div> <div class="lesson-70474 lesson locked " data-uuid="70474" data-duration="253" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/optimisation-de-lutilisation-des-composants-en-javascript"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Un premier composant local</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">04:13</span> </span> </div> </div> <div class="lesson-70475 lesson locked " data-uuid="70475" data-duration="527" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/ajouter-des-donnees-dans-des-composants"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Ajouter des données dans un composant</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:47</span> </span> </div> </div> <div class="lesson-70476 lesson locked " data-uuid="70476" data-duration="201" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/ajout-de-methodes-dans-un-composant-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Ajouter des méthodes dans un composant</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:21</span> </span> </div> </div> <div class="lesson-70477 lesson locked " data-uuid="70477" data-duration="469" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-props-dans-un-composant"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Passer des données aux composants enfants avec des props</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:49</span> </span> </div> </div> <div class="lesson-70478 lesson locked " data-uuid="70478" data-duration="337" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/acceder-et-utiliser-les-props-dans-les-composants-javascript"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Accès à une prop dans le modèle du composant</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:37</span> </span> </div> </div> <div class="lesson-70479 lesson locked " data-uuid="70479" data-duration="245" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/transferer-des-donnees-entre-composants-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Passer des données de l'application aux composants enfants</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">04:05</span> </span> </div> </div> <div class="lesson-70480 lesson locked " data-uuid="70480" data-duration="639" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-emit-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Custom-events - Envoi de messages au parent par un composant avec $emit</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">10:39</span> </span> </div> </div> <div class="lesson-70481 lesson locked " data-uuid="70481" data-duration="622" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-lifecycle-hooks-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Lifecycle Hooks</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">10:22</span> </span> </div> </div> <div class="lesson-70482 lesson locked " data-uuid="70482" data-duration="692" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-des-composants-vuejs-avec-axios"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Organiser une application en hiérarchie de composants</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:32</span> </span> </div> </div> <div class="lesson-70483 lesson locked " data-uuid="70483" data-duration="334" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-slots-simples-dans-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Passer des données à un composant avec des slots</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:34</span> </span> </div> </div> <div class="lesson-70484 lesson locked " data-uuid="70484" data-duration="224" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/tutoriel-sur-lutilisation-des-slots-nommes-avec-v-slot-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Slots nommés</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:44</span> </span> </div> </div> <div class="lesson-70485 lesson locked " data-uuid="70485" data-duration="429" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utiliser-les-slots-avec-portee-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Slots avec portée (scoped slots)</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:09</span> </span> </div> </div> <div class="lesson-70486 lesson locked " data-uuid="70486" data-duration="718" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/remplacer-les-filtres-par-des-proprietes-calculees-dans-vue-js-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Filtres</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:58</span> </span> </div> </div> <div class="lesson-70487 lesson locked " data-uuid="70487" data-duration="526" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-observateurs-dans-un-modele-dapplication"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Observateurs (watchers)</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:46</span> </span> </div> </div> <div class="lesson-70488 lesson locked " data-uuid="70488" data-duration="371" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-asynchrone-de-la-fonction-javascript-settimeout"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Requêtes asynchrones dans un observateur</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:11</span> </span> </div> </div> <div class="lesson-70489 lesson locked " data-uuid="70489" data-duration="388" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/transitions-et-animations-en-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Animations et transitions en JavaScript</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:28</span> </span> </div> </div> <div class="lesson-70490 lesson locked " data-uuid="70490" data-duration="454" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/realisez-des-transitions-en-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Transitions d'entrée et de sortie avec VueJS</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:34</span> </span> </div> </div> <div class="lesson-70491 lesson locked " data-uuid="70491" data-duration="459" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/maitriser-les-transitions-out-et-out-avec-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Transitions d'entrée et de sortie non simultanées</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:39</span> </span> </div> </div> <div class="lesson-70492 lesson locked " data-uuid="70492" data-duration="457" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprendre-les-transitions-en-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Transitions entre éléments</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:37</span> </span> </div> </div> <div class="lesson-70493 lesson locked " data-uuid="70493" data-duration="563" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/ajouter-des-transitions-animees-aux-listes-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Transitions de listes</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:23</span> </span> </div> </div> <div class="lesson-70494 lesson locked " data-uuid="70494" data-duration="447" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/animations-avancees-avec-vue-js-et-animatecss"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Transitions d'entrée et de sortie avec animate.css</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:27</span> </span> </div> </div> <div class="lesson-70495 lesson locked " data-uuid="70495" data-duration="728" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/animations-avec-velocityjs-dans-vue-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Animations en JavaScript</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">12:08</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse3"> <h3 class="module-name">Module 3 - Les applications SPA (Single Page Applications)</h3> <i class="icon icon-plus"></i> </div> <div id="collapse3" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70535 lesson locked " data-uuid="70535" data-duration="700" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-une-application-spa-avec-vue-3-et-vue-router"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Création d'une application SPA avec vue-router</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:40</span> </span> </div> </div> <div class="lesson-70536 lesson locked " data-uuid="70536" data-duration="632" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/implementation-des-navigation-guards-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Indicateurs de navigation - Vue Router Navigation Guards</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">10:32</span> </span> </div> </div> <div class="lesson-70537 lesson locked " data-uuid="70537" data-duration="417" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/effectuer-des-transitions-dans-une-application-spa"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Routage – Transition entre les pages</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:57</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse4"> <h3 class="module-name">Module 4 - L'interface en ligne de commande Vue-Cli</h3> <i class="icon icon-plus"></i> </div> <div id="collapse4" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70527 lesson locked " data-uuid="70527" data-duration="318" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creation-dune-application-vuejs-avec-vue-cli"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Introduction</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:18</span> </span> </div> </div> <div class="lesson-70528 lesson locked " data-uuid="70528" data-duration="378" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/analyse-de-larchitecture-dune-application-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Architecture de l'application</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:18</span> </span> </div> </div> <div class="lesson-70529 lesson locked " data-uuid="70529" data-duration="675" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creation-dune-application-vuejs-avec-composants-inscrits"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Création et modification d'une application avec Vue-Cli</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:15</span> </span> </div> </div> <div class="lesson-70530 lesson locked " data-uuid="70530" data-duration="1106" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/integration-daxios-et-bootstrap-dans-une-application-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Une deuxième application avec Vue-Cli</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">18:26</span> </span> </div> </div> <div class="lesson-70531 lesson locked " data-uuid="70531" data-duration="411" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-des-fonctions-de-rendu-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Fonctions de rendu (Render Functions)</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:51</span> </span> </div> </div> <div class="lesson-70532 lesson locked " data-uuid="70532" data-duration="445" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/simplifier-les-composants-vuejs-avec-des-fonctions-de-rendu"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Templates vs render functions & JSX</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:25</span> </span> </div> </div> <div class="lesson-70533 lesson locked " data-uuid="70533" data-duration="208" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creation-de-composants-fonctionnels-avec-vue-js"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Composants fonctionnels</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:28</span> </span> </div> </div> <div class="lesson-70534 lesson locked " data-uuid="70534" data-duration="276" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/transformation-de-composant-local-en-composant-fonctionnel"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Utilisation des paramètres props et context</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">04:36</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse5"> <h3 class="module-name">Module 5 - Le gestionnaire d'état Vuex</h3> <i class="icon icon-plus"></i> </div> <div id="collapse5" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70520 lesson locked " data-uuid="70520" data-duration="437" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/gestion-de-letat-avec-vuex-dans-une-application-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Introduction</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:17</span> </span> </div> </div> <div class="lesson-70521 lesson locked " data-uuid="70521" data-duration="580" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/gestion-de-stock-avec-vuejs-et-vuex"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Accès aux méthodes du store dans les composants</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">09:40</span> </span> </div> </div> <div class="lesson-70522 lesson locked " data-uuid="70522" data-duration="220" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/acceder-letat-du-store-dans-les-composants-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Accès à l'état du store dans les composants</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:40</span> </span> </div> </div> <div class="lesson-70523 lesson locked " data-uuid="70523" data-duration="413" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-plugins-dans-vuex-pour-gerer-les-mutations"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">L'option plugins de Vuex</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:53</span> </span> </div> </div> <div class="lesson-70524 lesson locked " data-uuid="70524" data-duration="460" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-un-store-minimaliste-avec-vuejs-reactive"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Alternative à Vuex</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:40</span> </span> </div> </div> <div class="lesson-70525 lesson locked " data-uuid="70525" data-duration="538" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/gestion-de-letat-avec-vuex-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Vuex et les formulaires</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:58</span> </span> </div> </div> <div class="lesson-70526 lesson locked " data-uuid="70526" data-duration="982" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/validation-de-formulaires-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Validation d'un formulaire dans VueJS</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">16:22</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse6"> <h3 class="module-name">Module 6 - Le gestionnaire d'état Pinia</h3> <i class="icon icon-plus"></i> </div> <div id="collapse6" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70515 lesson locked " data-uuid="70515" data-duration="219" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-pina-pour-la-gestion-detat-dans-vuejs-avec-vite"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Introduction à Pinia et génération de l'application</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:39</span> </span> </div> </div> <div class="lesson-70516 lesson locked " data-uuid="70516" data-duration="205" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/tutoriel-pour-nettoyer-les-fichiers-vite-et-construire-une-interface-dapplication"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Ménage dans les fichiers et première version de l'interface</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:25</span> </span> </div> </div> <div class="lesson-70517 lesson locked " data-uuid="70517" data-duration="358" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprendre-creer-un-store-avec-pinia-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Création du store Pinia</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:58</span> </span> </div> </div> <div class="lesson-70518 lesson locked " data-uuid="70518" data-duration="415" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/interfacer-le-store-pina-avec-votre-application-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Interfaçage du store dans le composant App.vue</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:55</span> </span> </div> </div> <div class="lesson-70519 lesson locked " data-uuid="70519" data-duration="238" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/integration-du-store-pina-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Accès au store Pinia dans un composant enfant</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:58</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse7"> <h3 class="module-name">Module 7 - Persistance des données avec Firebase</h3> <i class="icon icon-plus"></i> </div> <div id="collapse7" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70509 lesson is_current_lesson locked " data-uuid="70509" data-duration="276" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Introduction à Firebase</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">04:36</span> </span> </div> </div> <div class="lesson-70510 lesson locked " data-uuid="70510" data-duration="187" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Création d'un projet Firebase</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:07</span> </span> </div> </div> <div class="lesson-70511 lesson locked " data-uuid="70511" data-duration="234" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/comment-creer-une-base-de-donnees-firebase-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Création de la base de données Cloud Firestore</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:54</span> </span> </div> </div> <div class="lesson-70512 lesson locked " data-uuid="70512" data-duration="489" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/connexion-entre-firebase-et-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Connexion Firebase-Vue</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">08:09</span> </span> </div> </div> <div class="lesson-70513 lesson locked " data-uuid="70513" data-duration="354" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-lapi-de-composition-pour-afficher-des-donnees-reactives-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Affichage des données dans le DOM</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:54</span> </span> </div> </div> <div class="lesson-70514 lesson locked " data-uuid="70514" data-duration="1006" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/ajout-et-suppression-de-notes-avec-firebase"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Saisie et suppression des notes dans l'application</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">16:46</span> </span> </div> </div> </div> </div> <div class="chapitre"> <div class="chapitre__titre collapsed" data-toggle="collapse" data-target="#collapse8"> <h3 class="module-name">Module 8 - Plus loin avec Vue.js 3</h3> <i class="icon icon-plus"></i> </div> <div id="collapse8" class="lessons collapse" data-parent="#chapitres"> <div class="lesson-70496 lesson locked " data-uuid="70496" data-duration="310" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creation-et-utilisation-des-mixins-locaux-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Mixins</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:10</span> </span> </div> </div> <div class="lesson-70497 lesson locked " data-uuid="70497" data-duration="145" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-des-mixins-globaux-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Mixin global</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">02:25</span> </span> </div> </div> <div class="lesson-70498 lesson locked " data-uuid="70498" data-duration="679" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/etendre-vue-js-avec-des-plugins"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Plugins</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">11:19</span> </span> </div> </div> <div class="lesson-70499 lesson locked " data-uuid="70499" data-duration="869" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/maitriser-les-directives-personnalisees-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Directives personnalisées</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">14:29</span> </span> </div> </div> <div class="lesson-70500 lesson locked " data-uuid="70500" data-duration="414" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/typer-les-props-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Rendre son code robuste grâce aux props typées</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:54</span> </span> </div> </div> <div class="lesson-70501 lesson locked " data-uuid="70501" data-duration="353" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/developper-des-applications-mobiles-avec-nativescript-vue"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Développement d'applications mobiles - Découverte de NativeScript-Vue</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">05:53</span> </span> </div> </div> <div class="lesson-70502 lesson locked " data-uuid="70502" data-duration="376" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-des-images-cliquables-avec-nativescript-vue"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Développement d'applications mobiles - Mise en pratique</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">06:16</span> </span> </div> </div> <div class="lesson-70503 lesson locked " data-uuid="70503" data-duration="456" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-du-composant-teleport-dans-vue-js-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Le composant Teleport</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">07:36</span> </span> </div> </div> <div class="lesson-70504 lesson locked " data-uuid="70504" data-duration="799" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utilisation-de-la-composition-api-avec-vuejs-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">L'API de composition</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:19</span> </span> </div> </div> <div class="lesson-70505 lesson locked " data-uuid="70505" data-duration="184" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/apprenez-gerer-les-variables-reactives-avec-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Deuxième approche – Utilisation de la fonction reactive()</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:04</span> </span> </div> </div> <div class="lesson-70506 lesson locked " data-uuid="70506" data-duration="156" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/utiliser-la-fonction-computed-dans-vuejs"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Troisième approche – Utilisation de la fonction computed()</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">02:36</span> </span> </div> </div> <div class="lesson-70507 lesson locked " data-uuid="70507" data-duration="205" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/optimisation-du-code-avec-la-composition-api-de-vuejs-3"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Quatrième approche – Externalisation du calcul réactif</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">03:25</span> </span> </div> </div> <div class="lesson-70508 lesson locked " data-uuid="70508" data-duration="822" > <div class="lesson__content"> <a href="/formation/code-data/javascript/apprendre-vue-js-3/creer-une-application-vue-3-avec-typescript"> <i class="fas fa-lock icone"></i> <span class="lesson__titre">Vue 3 et TypeScript</span> </a> <span class="duree"> <span class="video_last_position"></span> <span class="duree_totale">13:42</span> </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="formation__avis" class="formation__avis-w container-fluid"> <div class="formation__avis container"> <div class="row"> <div class="comments_container"> </div> </div> </div> </section> <section id="recommended__formations" data-label="Nos dernières formations JavaScript" class="ajax-load"></section> <div id="articles_blog" data-categorie-id="109" class="container-lg ajax-load"></div> </div> <div id="social-modal" class="modal modal-social" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title">Partager</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="social-icon"> <div class="social-icon__item"> <a href="#" class='js-open-window' url="https://www.facebook.com/sharer/sharer.php?u=https://www.elephorm.com/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite"> <i class="fa-brands fa-facebook-f"></i> </a> </div> <div class="social-icon__item"> <a href="#" class='js-open-window' url="https://x.com/intent/tweet?text=https://www.elephorm.com/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite"> <i class="fa-brands fa-x-twitter"></i> </a> </div> <div class="social-icon__item"> <a href="#" class='js-open-window' url="https://www.linkedin.com/shareArticle?mini=true&title=Intégration de Firebase dans un projet VueJS 3 avec Vite avec Elephorm&url=https://www.elephorm.com/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite"> <i class="fa-brands fa-linkedin-in"></i> </a> </div> <div class="social-icon__item"> <a href="mailto:?subject=Intégration de Firebase dans un projet VueJS 3 avec Vite avec Elephorm&body=Cette formation pourrait t'intéresser : https://www.elephorm.com/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite"> <i class="fa-regular fa-envelope"></i> </a> </div> </div> <div class="form-item partager_le_lien"> <div class="input-group"> <input type="text" id="sharedUrl" value="https://www.elephorm.com/formation/code-data/javascript/apprendre-vue-js-3/integration-de-firebase-dans-un-projet-vuejs-3-avec-vite" readonly /> <div class="input-group-append"> <button type="button" class="js-copy" target="#sharedUrl"> <i class="fa-regular fa-copy"></i> Copier le lien </button> </div> </div> </div> </div> </div> </div> </div> <div id="cartModal" class="modal modal-cart" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="modal-header__title"> <span class="modal-title"><i class="fas fa-check-circle"></i> Formation ajoutée au panier</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header__content"> <div class="row-product"> <div class="product"> <div class="product__image"> <img class="lazyload" data-srcset=" /sites/default/files/styles/vignette_formation/public/covers-formations-video/DALL%C2%B7E%202024-05-06%2017.50.49%20-%20An%20engaging%20and%20professional%20illustration%20representing%20the%20Vue.js%203%20JavaScript%20framework%20in%20an%20educational%20and%20professional%20context.%20The%20image%20should%20.jpeg?itok=a8A6acMo 1x, /sites/default/files/styles/vignette_formation_2x/public/covers-formations-video/DALL%C2%B7E%202024-05-06%2017.50.49%20-%20An%20engaging%20and%20professional%20illustration%20representing%20the%20Vue.js%203%20JavaScript%20framework%20in%20an%20educational%20and%20professional%20context.%20The%20image%20should%20.jpeg?itok=qOm83gMq 2x" data-src="/sites/default/files/styles/vignette_formation/public/covers-formations-video/DALL%C2%B7E%202024-05-06%2017.50.49%20-%20An%20engaging%20and%20professional%20illustration%20representing%20the%20Vue.js%203%20JavaScript%20framework%20in%20an%20educational%20and%20professional%20context.%20The%20image%20should%20.jpeg?itok=a8A6acMo" alt="" /> </div> <div class="product__desc"> <div class="title"> Apprendre Vue JS 3 </div> <div class="reassurance"> <div><i class="far fa-star"></i>Formateur expert</div> <div><i class="fas fa-desktop"></i>Accès sur tous vos appareils</div> <div><i class="far fa-folder"></i>Fichiers de travail téléchargeables</div> </div> </div> </div> <div class="link"> <a href="/cart" class="btn-primary">Voir le panier</a> </div> </div> <a href="/formations" class="btn-outline-secondary --no-icon">Trouver d'autres formations</a> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer role="contentinfo" id="ajax__footer" class="ajax-load"></footer> </div> </div> <!-- modal --> <div id="favoriteModal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title">Ajouter à mes favoris</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Inscrivez-vous ou connectez-vous pour ajouter cette formation à vos favoris.</p> </div> <div class="modal-footer js-boutons-connexion-inscription-modale-favori"> </div> </div> </div> </div> <div id="helpModal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title">Aide</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <iframe class="lazyload" data-src="https://elephorm.agilecrm.com/forms/5013294532329472"></iframe> </div> </div> </div> </div> <!-- js-bottom --> <script src="//js.stripe.com/v3/"></script> <script src="/sites/default/files/js/js_o_04bhH8BYn4YdKH8KtbNod8euTDzP0kPwaJepQ_NAA.js?scope=footer&delta=1&language=fr&theme=elephorm_theme&include=eJxtUFtyxDAIu1BajuRhHcXxFpuMIbtNT9-k6dZ9_RgkYUYiailoEcG85QV0lkH4baPjGSBYZm0lOMoi7DBKoheWIakmQXBOlLz8hJx-42e-8uvA441TCkVHimZhxIQ2XJrebTchbI_lT9-57uF63y1saHSWLoz5hmY07T171hq4jkFgpvW_BJGbd97ALc50jn-irrIklczEq2vUfQMcXY3sLJpWUEFdO-wTmKZcs2_0aLp03CWgzlwj9u9udBzpg7Y_2SS_YAxfCe0dHTevmw"></script> <script src="/modules/custom/elephorm_jwplayer/js/vendor/bluebird.min.js?sridhd"></script> <script src="/modules/custom/elephorm_jwplayer/js/vendor/json3.min.js?sridhd"></script> <script src="/modules/custom/elephorm_jwplayer/js/vendor/fetch-polyfill2.js?sridhd"></script> <script src="/sites/default/files/js/js_bJgs9DETgkzdvG2HbFyTos790qKlRFE5hRE4z73muhs.js?scope=footer&delta=5&language=fr&theme=elephorm_theme&include=eJxtUFtyxDAIu1BajuRhHcXxFpuMIbtNT9-k6dZ9_RgkYUYiailoEcG85QV0lkH4baPjGSBYZm0lOMoi7DBKoheWIakmQXBOlLz8hJx-42e-8uvA441TCkVHimZhxIQ2XJrebTchbI_lT9-57uF63y1saHSWLoz5hmY07T171hq4jkFgpvW_BJGbd97ALc50jn-irrIklczEq2vUfQMcXY3sLJpWUEFdO-wTmKZcs2_0aLp03CWgzlwj9u9udBzpg7Y_2SS_YAxfCe0dHTevmw"></script> <!-- post js --> </body> </html>