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
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
Master Laravel, Vue 3 & Inertia Full Stack 2023
Sources: udemy
Learn Laravel together with Vue.js in this brand new, full-stack, project based course! Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue...
35 hours 53 minutes 40 seconds
Mastering Nuxt 3
Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds
The complete guide to Mastering Pinia (Complete)
Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds