Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Building a Video Chat App with Vue.js 2 and Firebase

Building a Video Chat App with Vue.js 2 and Firebase

3h 20mAdvanced2020-09-25

Authors

Ray Villalobos

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

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal