Building a Video Chat App with Vue.js 2 and Firebase
3h 20mAdvanced2020-09-25
Authors

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
With more people needing to stay connected virtually, video chat applications like Zoom and Microsoft Teams have exploded in popularity. Curious about how you might build a video chat application of your own? In this course, instructor Ray Villalobos shows you how. To help you grasp the concepts covered in this course, Ray steps through the creation of a project. Firebase conveniently provides a foundation for both the data and the video in your project, and Vue.js lets you build a user interface around those components. Plus, learn how to work with WebRTC, an open-source project that you can use to enable real-time communication of audio, video, and data in your app. Along the way, discover how to use Firebase to set up user registration and authentication, check users into a virtual room, add attendees to a meeting, use security rules, and more.
Skills covered
FirebaseJavaScript FrameworksWeb Development ToolsDatabase DevelopmentDatabase ManagementSoftware Development ToolsGoogleProjectWeb DevelopmentSoftware Development
Concepts
0. Introduction
- 01 - Why Vue and Firebase for real-time video
- 02 - Using the exercises for this course
1. Getting Started
- 03 - Setting up your environment
- 04 - Installing a Vue project
- 05 - Customizing your installation
- 06 - Understanding the CLI install
- 07 - Modifying the Vue template
2. Registration and Authentication
- 08 - Getting started with Firebase
- 09 - Logging in a user
- 10 - Making data available everywhere
- 11 - Log in users
- 12 - Updating your profile
- 13 - Logging out
3. Dealing with User Information
- 14 - Adding user info to the datastore
- 15 - Displaying data
- 16 - Adding icons and deleting records
- 17 - Checking users into your room
4. Working with WebRTC
- 18 - Working with WebRTC
- 19 - Getting meeting information
- 20 - Pending attendees
- 21 - Deleting users
- 22 - Adding attendees
- 23 - Cleaning up the interface
- 24 - Adding WebRTC
- 25 - Using security rules
Conclusion
- 26 - Next steps