Vue.js 2: Full-Stack Applications with Firebase

Vue.js 2: Full-Stack Applications with Firebase

3h 9mIntermediate2019-09-11

Authors

Ray Villalobos

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Course details

Front-end developers can quickly assemble useful applications by combining the Vue.js front-end framework with the easily accessible power of the Firebase server engine from Google. In this course, join Ray Villalobos as he demonstrates how to create a working single-page app using the Vue.js framework layered on the Firebase cloud platform. Ray goes beyond the basics, demonstrating how to build an app with features like user registration and authentication. Plus, learn how to allow multiple users to engage with your project both on and offline, program random user selection, create security rules, and more.

Learning objectives
Adding Firebase
Setting up authentication with Firebase
Reading dynamics snapshots
Creating dynamic routes
Displaying checked-in users
Updating records
Searching for data
Creating security rules

Skills covered

FirebaseVue.jsJavaScript FrameworksWeb Development ToolsDatabase DevelopmentDatabase ManagementGoogleSoftware Development ToolsWeb DevelopmentOpen SourceSoftware DevelopmentDeep Dive (X:Y)

Concepts

Introduction

  • Why build apps with Firebase and Vue
  • Using the exercises for this course

Preparing Your App

  • Installation with Vue CLI
  • Adding additional modules
  • Understanding the Vue CLI installation
  • Customizing your routes
  • Importing a sub-component
  • Icons and custom colors

Firebase Authentication

  • Adding Firebase
  • Setting up Firebase Authentication
  • Logging in a user
  • Handling Firebase Authentication events
  • Creating a new user
  • Updating your profile
  • Logging out
  • Updating auth state

The Firestore Database

  • Adding meeting info
  • Reading dynamic snapshots
  • Displaying your meeting info
  • Sorting your list
  • Deleting a record
  • Creating dynamic routes
  • Checking users in

Finishing Up Your App

  • Displaying checked in users
  • Adding admin buttons
  • Emailing and adding
  • Updating a record
  • Searching for data
  • Random user and resetting
  • Creating security rules

Conclusion

  • Next steps
80,000 Toman