Vue JS 3 & Firebase – The Full Guide [2022]

Vue JS 3 & Firebase – The Full Guide [2022], available at $74.99, has an average rating of 4.3, with 179 lectures, based on 37 reviews, and has 436 subscribers.

You will learn about 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 Establish yourself in the field of the exciting mobile app development environment This course is ideal for individuals who are Beginners as well as experienced devs interested in Web development with Vue JS or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch It is particularly useful for Beginners as well as experienced devs interested in Web development with Vue JS or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch.

Enroll now: Vue JS 3 & Firebase – The Full Guide [2022]

Summary

Title: Vue JS 3 & Firebase – The Full Guide [2022]

Price: $74.99

Average Rating: 4.3

Number of Lectures: 179

Number of Published Lectures: 179

Number of Curriculum Items: 179

Number of Published Curriculum Objects: 179

Original Price: $124.99

Quality Status: approved

Status: Live

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
Establish yourself in the field of the exciting mobile app development environment

Who Should Attend

Beginners as well as experienced devs interested in Web development with Vue JS
People looking for the practical development guide.
This course is for everyone eager to understand how to build an app from scratch

Target Audiences

Beginners as well as experienced devs interested in Web development with Vue JS
People looking for the practical development guide.
This course is for everyone eager to understand how to build an app from scratch

What is Vue JS?

Vue JS is a cutting-edge JavaScript front-end framework designed to accelerate web app development. Trusted by major companies like Nintendo, Adobe, GitLab, Baidu, and Alibaba, Vue JS is rapidly gaining popularity—making it an excellent addition to your CV. Whether you’re a beginner or an experienced programmer, this course equips you with the skills and confidence to effectively use Vue JS in your projects.

What is Firebase?

Firebase provides a real-time database and backend as a service.

About the Course

This learning experience revolves around practical application, centered on a captivating project that will significantly boost your career portfolio

Meet Exchangario—the application we’ll build together, devoted to making the exchange of services and products seamless and engaging.

Hands-on Learning:
- Emphasis on practical learning through the Exchangario project.
- Strategic design to enhance skills and career portfolio.
Vue JS Fundamentals:
- Dive into the basics, creating initial pages, setting up routing, and refining visual presentation.
Database Integration:
- Utilize cloud Firestore from Firebase for a dynamic and standardized database.
- Organize data on opportunities, exchanges, and user profiles within collections.
Firebase Authentication:
- Explore Firebase authentication, covering logging in and registering intricacies.
- Ensure modifications are visible only to authenticated users.
Exchangario Project:
- Facilitate the exchange of services and products.
- Implement a dedicated page for proposing exchanges, with emphasis on comprehensive form validation using Vuelidate.
Advanced Functionalities:
- Explore trading exchanges between users, counter-offers, and opportunities.
- Introduce pagination and search features for added depth.
Conclusion:
- Cover essential security rules for Firestore to safeguard application integrity.
- Conclude with a lesson on deploying the Exchangario application on Heroku.
Course Highlights:
- Offer 20 hours of on-screen instruction.
- Cater to a broad audience, from beginners to experienced programmers, tailored to specific learning needs.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: How to resolve issues

Chapter 2: Project initialization

Lecture 1: Dev Environment

Lecture 2: Note Before Coding

Lecture 3: Folder Structure

Lecture 4: First template

Lecture 5: Init styles

Lecture 6: Navbar separation

Lecture 7: Hero Section

Lecture 8: List and Pagination

Chapter 3: Data and Props

Lecture 1: Vue Data

Lecture 2: For Loop

Lecture 3: Navbar Props

Lecture 4: Exchange data

Lecture 5: Display exchange data

Lecture 6: Exchange Tags

Lecture 7: Font Awesome

Lecture 8: Start Icon

Chapter 4: Router

Lecture 1: Pages

Lecture 2: Router

Lecture 3: Page reusability

Lecture 4: Adjust Navbar

Lecture 5: Router link

Lecture 6: Page wrapper

Chapter 5: Vue concepts

Lecture 1: Vue JS concepts

Lecture 2: Computed Properties

Lecture 3: Use Ref

Chapter 6: Vuex

Lecture 1: Vuex introduction

Lecture 2: Vuex state

Lecture 3: Get exchanges with action

Lecture 4: Mutations

Lecture 5: Async Get exchanges

Lecture 6: Vuex modules

Lecture 7: Namespaced

Chapter 7: Firebase introduction

Lecture 1: Firebase

Lecture 2: Specify data in Firestore

Lecture 3: Get data from Firestore

Chapter 8: Register

Lecture 1: Login and Register Page

Lecture 2: Data binding

Lecture 3: Register form inputs

Lecture 4: User module

Lecture 5: Register user

Chapter 9: Auth and Composition

Lecture 1: Error and processing

Lecture 2: Watchers

Lecture 3: Map vuex state

Lecture 4: Map State improvement

Lecture 5: Composition API

Lecture 6: useAuth

Lecture 7: More watchers

Lecture 8: Cleanup

Lecture 9: Toast Module

Chapter 10: Handle auth user

Lecture 1: Create user Profile

Lecture 2: on auth state change

Lecture 3: Get user Profile

Lecture 4: Merge user and profile

Lecture 5: Register renaming

Lecture 6: Getters

Lecture 7: Get user in Composition

Lecture 8: Display user email

Chapter 11: Auth improvements

Lecture 1: Logout

Lecture 2: Login

Lecture 3: Navbar auth improvement

Lecture 4: Authentication fix

Lecture 5: Before each route

Lecture 6: Redirect when authenticated

Lecture 7: Redirect after login and register

Chapter 12: Profile Page

Lecture 1: Profile Page

Lecture 2: Profile page auth check

Lecture 3: Link to profile

Lecture 4: Profile modal

Lecture 5: Pass data to modal

Lecture 6: More profile inputs

Lecture 7: Update user profile

Lecture 8: Close modal

Lecture 9: Provide profile informations

Chapter 13: Exchange form + Validations

Lecture 1: Exchange create page

Lecture 2: Exchange form data

Lecture 3: Vuelidate

Lecture 4: Error messages

Lecture 5: More validators

Lecture 6: Generic errors

Lecture 7: Custom messages

Lecture 8: Form errors component

Lecture 9: Custom validators

Chapter 14: Create exchange

Lecture 1: Handle tags

Lecture 2: Display tags

Instructors

Eincode by Filip Jerga
Online Education
Filip Jerga
Software Engineer

Rating Distribution

1 stars: 2 votes
2 stars: 0 votes
3 stars: 3 votes
4 stars: 7 votes
5 stars: 25 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu