Vue JS 3 et Firebase

Vous pouvez écrire des applications Web plus rapidement et plus efficacement que jamais grâce à Vue JS, un nouveau framework frontal JavaScript axé sur la vitesse.

Les jeux vidéo comme Pokemon et Mario utilisent Vue JS. C’est le moment idéal pour l’ajouter à votre CV car il devient de plus en plus populaire.

Lorsque vous aurez terminé ce cours, vous serez en mesure d’utiliser Vue JS sur vos projets !

Quel que soit votre niveau d’expérience avec Vue JS, ou si vous souhaitez en savoir plus. Ce cours est pour vous !

QU’EST-CE QUE FIREBASE ?

Firebase est un service qui vous offre une base de données et un backend en temps réel. Dans ce service, les développeurs d’applications peuvent utiliser une API pour synchroniser leurs applications entre elles et stocker leurs données sur le cloud de Firebase.

Vue JS 3 et Firebase – Guide complet [2022]

Dans ce cours, nous allons travailler sur un projet qui aura fière allure sur votre CV.

Notre premier projet s’appellera Exchangario, et nous apprendrons comment le réaliser. L’objectif principal de cette application est d’échanger des services et des produits.

Nous commencerons par les bases du framework Vue JS, puis nous en apprendrons plus à ce sujet. Nous allons commencer par les premières pages, configurer les itinéraires et les styliser correctement.

La première partie ne portera pas uniquement sur Vue JS. Il parlera aussi d’autres choses. Nous avons besoin d’une base de données pour rendre notre application dynamique et répondre à toutes les règles. Cette classe utilisera cloud Firestore, une base de données de Firebase, comme base de données principale. Il existe des collections de documents dans Firestore où nous conserverons nos données sur les opportunités et les échanges, et sur les utilisateurs. Vous en apprendrez plus en classe.

Il y a beaucoup à apprendre sur l’authentification firebase après la première partie. Je vais vous montrer comment vous connecter et vous inscrire à Firebase, afin que vous puissiez l’utiliser. Une fois l’utilisateur connecté, nous afficherons notre application avec des modifications que seules les personnes approuvées peuvent voir.

L’idée principale de cette application est d’échanger des marchandises. Nous créerons une page où les gens pourront échanger des services ou des produits de toutes sortes. Certaines des choses que nous ferons : Vous verrez l’échange sur la page d’accueil une fois qu’il sera terminé. Il sera également disponible pour les autres personnes qui utilisent le site. Je vais vous montrer comment utiliser le package populaire Vuelidate pour vous assurer que vos formulaires sont corrects.

Plus tard, nous ferons en sorte qu’il soit plus facile pour les gens d’échanger des choses entre eux. Les échanges sont mis à la disposition des utilisateurs, et ils peuvent les accepter ou les refuser. Toute personne connectée peut faire une contre-offre pour un échange. Ils peuvent le faire en proposant leur propre échange. Le système doit accepter l’échange s’il a la même valeur ou une valeur similaire à celle que nous utilisons.

Dans la partie suivante, nous travaillerons sur la pagination et les fonctionnalités de recherche.

Nous parlerons des règles de sécurité pour Firestore dans la dernière partie de ce tutoriel. Enfin, nous mettrons notre application sur Heroku afin que vous puissiez la montrer à vos amis et à votre famille.

Il y a 20 heures d’instructions à l’écran, donc peu importe que vous souhaitiez créer votre propre entreprise ou améliorer vos compétences en programmation. Tu devrais suivre ce cours.