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.
The Vue Firebase Project Course
46m 28s
English
Free
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.
Additional
About the Author: Fireship
Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.
The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.
The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.
Watch Online 16 lessons
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
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 |
Related courses
-
ClassicVue.js Master Class 2024 Edition
By: Vue SchoolLearn by building a real-world application from scratch! This comprehensive course by Vue School teaches you Vue.js, best practices, modern JavaScript, and exci11h 55m5/5 -
Updated 1y agoThe Ultimate Guide to Vue Performance
By: Vue SchoolIn today's world, the performance of web applications is of paramount importance. In this course, you will learn how to maintain the speed of your.2h 31m -
Updated 2y agoVue JS 3: The Composition API
By: UdemyVue.js 3 and the Composition API is here! Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils. This5h 24m
Frequently asked questions
What is The Vue Firebase Project Course about?
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…
Who teaches this course?
It is taught by Fireship. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 16 lessons with a total runtime of 46 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
Yes — this is a free online course on CourseFlix. You can watch every lesson without a paid subscription.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/the-vue-firebase-project-course. The page hosts every lesson with the integrated video player; no download is required.