Vue.js 2: Full-Stack Applications with Firebase
3h 9mIntermediate2019-09-11
Authors
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
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 ManagementSoftware Development ToolsGoogleWeb DevelopmentOpen SourceSoftware DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Why build apps with Firebase and Vue
- 02 - Using the exercises for this course
1. Preparing Your App
- 03 - Installation with Vue CLI
- 04 - Adding additional modules
- 05 - Understanding the Vue CLI installation
- 06 - Customizing your routes
- 07 - Importing a sub-component
- 08 - Icons and custom colors
2. Firebase Authentication
- 09 - Adding Firebase
- 10 - Setting up Firebase Authentication
- 11 - Logging in a user
- 12 - Handling Firebase Authentication events
- 13 - Creating a new user
- 14 - Updating your profile
- 15 - Logging out
- 16 - Updating auth state
3. The Firestore Database
- 17 - Adding meeting info
- 18 - Reading dynamic snapshots
- 19 - Displaying your meeting info
- 20 - Sorting your list
- 21 - Deleting a record
- 22 - Creating dynamic routes
- 23 - Checking users in
4. Finishing Up Your App
- 24 - Displaying checked in users
- 25 - Adding admin buttons
- 26 - Emailing and adding
- 27 - Updating a record
- 28 - Searching for data
- 29 - Random user and resetting
- 30 - Creating security rules
Conclusion
- 31 - Next steps