Author
Released
9/11/2019- 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
Skill Level Intermediate
Duration
Views
- [Ray] Building apps with Vue.js can be really exciting, but at some point, you'll want to go past simple examples and build something with features like user registration, authentication, and allow multiple users to use your projects whether they're on or offline. Hey there, I'm Ray Villalobos, and in this course, I'll be showing you how to build single-page applications with Vue.js and Firebase, Google's real-time multi-user platform for building web apps. We'Ll learn how Vue's component architecture is perfectly suited to building single-page applications, and how combing Vue with the power of Firebase can be a fantastic way to get to an app you can launch with some of these advanced features. Now, if you're the type of person that likes to learn by building something, then follow along as I go step-by-step in a progressive manner that makes sense. So, what are you waiting for? Let's get started.
Related Courses
-
Vue.js: Working with APIs
with Ray Villalobos1h 56m Intermediate -
Vue.js for Web Designers
with Joe Chellman1h 57m Beginner -
Vue.js Essential Training
with Ray Villalobos3h 46m Intermediate -
Learning Vue.js
with Michael Sullivan2h 14m Intermediate -
Building Laravel and Vue.js Web Apps
with Michael Sullivan2h 47m Intermediate
-
Introduction
-
1. Preparing Your App
-
Installation with Vue CLI5m 18s
-
Adding additional modules3m 56s
-
Customizing your routes8m 52s
-
Icons and custom colors8m 50s
-
-
2. Firebase Authentication
-
Adding Firebase14m 1s
-
Logging in a user8m 36s
-
Creating a new user7m 45s
-
Updating your profile3m 35s
-
Logging out4m 57s
-
Updating auth state5m 4s
-
-
3. The Firestore Database
-
Adding meeting info9m 37s
-
Displaying your meeting info4m 51s
-
Sorting your list4m 8s
-
Deleting a record4m 1s
-
Creating dynamic routes9m 57s
-
Checking users in8m 58s
-
-
4. Finishing Up Your App
-
Displaying checked in users7m 22s
-
Adding admin buttons6m 32s
-
Emailing and adding4m 13s
-
Updating a record5m 29s
-
Searching for data3m 53s
-
Random user and resetting7m 23s
-
Creating security rules6m 16s
-
-
Conclusion
-
Next steps1m 56s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Why build apps with Firebase and Vue