Vue JS 3 & Firebase - Full Guide [2022]
Vue JS 3 & Firebase - Full Guide [2022]
WHAT IS VUE JS?
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!
WHAT IS FIREBASE?
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.
THE COURSE
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 20 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.
Create a real-world Vue JS 3 app with Firestore (Firebase). Learn Vuex, Composition, and the latest Vue JS 3 concepts.
Url: View Details
What you will learn
- Develop real-world web application with Vue JS 3 and Firebase
- Understand Vue JS in practical and fun way
- Use gained knowledge to create your own applications
![](https://img-c.udemycdn.com/course/240x135/4530334_c8de_4.jpg)
Rating: 4.45
Level: All Levels
Duration: 19.5 hours
Instructor: Eincode by Filip Jerga
Courses By: 0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
About US
The display of third-party trademarks and trade names on this site does not necessarily indicate any affiliation or endorsement of coursescompany.com.
View Sitemap