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 Title | Duration |
|---|---|---|
| 1 | Resources | 01:45 |
| 2 | Vue Setup | 03:44 |
| 3 | Firebase Setup | 03:24 |
| 4 | Your First Component | 02:15 |
| 5 | Anonymous Auth | 02:03 |
| 6 | Realtime Auth State | 04:00 |
| 7 | User Profile | 01:42 |
| 8 | Email Password Authentication | 06:02 |
| 9 | Create Chat Rooms | 02:52 |
| 10 | Query Chat Rooms | 01:50 |
| 11 | Dynamic Routing | 01:53 |
| 12 | Query Messages | 03:49 |
| 13 | Message UI | 02:32 |
| 14 | Capture Audio | 03:34 |
| 15 | Upload | 03:19 |
| 16 | Wrap up | 01:44 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Imposter's Frontend Accelerator
Sources: bigmachine.io
This is a book. This is a video course... It's both! You are in for a clear and conceptual immersion into modern frontend development using Vue 3.0 and Nuxt 3.
15 hours 48 minutes 54 seconds
Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)
Sources: udemy
Learn to build Shopify themes using Liquid, JavaScript, and Vue.js v3.0 from scratch. No experience required! Who is the course for? Anyone who is looking to b
6 hours 37 minutes 49 seconds
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
Material UI with Vuetify and Vue.js
Sources: vueschool.io
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the b
1 hour 40 minutes 10 seconds