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
Full-Stack Vue with GraphQL - The Ultimate Guide
Sources: udemy
This entire course within the context of a practical application that we will build literally from the first line of code to live deployment on the web. We'll be building an ima...
9 hours 52 minutes 3 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