Skip to main content

The Vue Firebase Project Course

46m 28s
English
Free

Course description

The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch. You will build a realtime  walkie-talkie style chat app with the ability to record and upload audio from the device - inspired by the popular Voxer mobile app.

Read more about the course

 What will I Learn?

In this course you will learn…

  • Fundamentals of of Vue components and reactivity
  • Dynamic Vue routing
  • User authentication with Firebase (Anonymous, Email/Password)
  • Usage of the Vuefire Package
  • Vue Composition API
  • Chat Features in Firestore
  • Record audio on the web
  • Upload files to Firebase Storage

 Is this Course Right for Me?

This course is intermediate level and designed to expose you to useful patterns when building realtime web apps with Vue and Firebase. It assumes you have at least basic knowledge of web programming, including basic skills in JavaScript, HTML, and CSS. It is fast-paced and similar to my style on YouTube, but far more in-depth and comprehensive.

Watch Online

0:00 0:00
#Lesson TitleDuration
1Resources01:45
2Vue Setup03:44
3Firebase Setup03:24
4Your First Component02:15
5Anonymous Auth02:03
6Realtime Auth State04:00
7User Profile01:42
8Email Password Authentication06:02
9Create Chat Rooms02:52
10Query Chat Rooms01:50
11Dynamic Routing01:53
12Query Messages03:49
13Message UI02:32
14Capture Audio03:34
15Upload03:19
16Wrap up01:44

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Vue.js 3 Masterclass

The Vue.js 3 Masterclass

Sources: vueschool.io
This is the supercharged, remastered Vue.js 3 Masterclass. We’ve taken all the feedback we got from The Vue.js 2 Masterclass, and supercharged The Vue.js Master
17 hours 7 minutes 33 seconds
Content Sites with Astro and Vue.js

Content Sites with Astro and Vue.js

Sources: vueschool.io
Do you want to create a fast and efficient website with content? In this course, you will learn how to use Astro and Vue.js together for developing high...
1 hour 3 minutes 38 seconds
Learn Laravel Vuejs from scratch - Build a TESLA web app

Learn Laravel Vuejs from scratch - Build a TESLA web app

Sources: udemy
This course will teach you how to use the Laravel and Vuejs frameworks completely from scratch.‌ In this course we will be building and going through a few proj
6 hours 48 minutes 12 seconds