Password can be one of these :- CheapUniverse OR FreeCourseUniverse

FireShip – The Vue Firebase Project Course

in on September 17, 2023

Choose Your Desired Option(s)

What will I build?

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.

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.

Chapters

  1.  Resources – Project source code and Vue Firebase resources
  2.  Vue Setup – Get started with the Vue CLI
  3.  Firebase Setup – Install Firebase and the Vuefire package
  4.  Your First Component – Build a basic home page component with routing
  5.  Anonymous Auth – Basic user authentication with Firebase
  6.  Realtime Auth State – React to changes to the Firebase User Auth State
  7.  User Profile – Create a user profile where the user can sign out
  8.  Email Password Authentication – Bind to forms in Vue to sign up with email & password
  9.  Create Chat Rooms – Create a chat room in Firestore linked to the current user
  10.  Query Chat Rooms – Query all chat rooms owned by the current user
  11.  Dynamic Routing – Load a chat room based on its document ID with the Vue Router
  12.  Query Messages – Query most recent messages in a subcollection of the chat room
  13.  Message UI – Build a UI component for showing the message text
  14.  Capture Audio – Record a stream from the user’s microphone using the MediaRecorder API
  15.  Upload – Upload the audio file to Firebase Storage and link it to a Firestore document
  16.  Wrap up – Final thoughts and ideas to improve the quality of the app.

 

0 Sale

Share Now!

Your'e ViewingFireShip – The Vue Firebase Project Course

INR 189.00

Share Your Valuable Opinions

Cart (0)

  • Your cart is empty.