Vue JS 2 & Firebase Complete Course


Updated on

Course overview

Course type
Paid course
All Levels
18 hours
97 lessons
Available on completion
Course author
Eincode by Filip Jerga
  • Develop real-world web application with Vue JS 2 and Firebase
  • Understand the processes and concepts of Vue JS 2
  • Use gained knowledge to create your own Web Applications


Learn how to create "real world" Vue JS 2 application connected to Firestore (Firebase) Database.


Vue JS is a trendy JavaScript front-end framework explicitly designed to help you write Web apps faster and more efficiently than ever!

Used by Nintendo, Adobe, GitLab, Baidu, and Alibaba, Vue JS is rapidly increasing in popularity, so it’s a great time to add it to your CV.

By the end of this course, you’ll have the skills and confidence you need to use Vue JS on your projects!

So, no matter whether you’re a complete beginner to Vue JS, or an experienced programmer keen to improve your skills, this course is for you!


Firebase provides a real-time database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase's cloud.


Students learn best when they’re putting what they learn into practice straight away, so we’ve built this course around one great project (which will look fantastic in your career portfolio!):

In this course, we are going to build an application called Exchangario. The primary purpose of this application is to exchange services and products.

We will start with the basics of the Vue JS framework. We will initialize the first pages, create routing, and style them properly.

The first section will not only be about Vue JS. We need a database to make our application dynamic and up to the standards. The database we will use in this course is cloud Firestore from Firebase. In Firestore, we will keep our data of opportunities, exchanges, and user profiles stored as documents in collections. More about this in the course.

After the first section, you will start learning about firebase authentication. I will show you how to log in and register with Firebase. After the user is logged in, we will display our application with modifications only authenticated users can see.

The main idea of this application is to exchange products. We will implement a page where users can create exchanges of service or product type. We will make many inputs of different types. After the exchange is completed, it will be displayed on the Home page and offered to other users. I will show you how to perform form validation with the popular Vuelidate package.

Later, we will be creating functionality to trade exchanges between the users. Opportunities are offered exchanges that users can accept or decline. Every logged-in user can apply for exchange by offering owned exchange as a counter-offer. The submitted exchange must have a similar or identical value as the exchange we are using to be accepted by the system. Once an exchange is proposed opportunity is created. After the opportunity is accepted user will receive contact information on the user with whom they can exchange the product.

In the later section, we will work on pagination and search features.

In the last section, I will be talking about security rules for Firestore, and finally, we will deploy our application on Heroku to share it with your friends and family.

With over 17 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer or want to improve your programming skills. This is the right course for you.

Similar courses

Build Web Apps with Vue JS 3 & Firebase
  • 32 hours
  • 314 lessons
  • Certificate
Vue JS Essentials with Vuex and Vue Router
  • 11 hours
  • 140 lessons
  • Certificate
Vue JS 2 &  Firebase Complete Course
  • English language

  • Recommended provider

  • Certificate available