Quasar V1: PWA (with Vue JS 2, Firebase, NodeJS & Express)

Laser 9 Aug 2022 17:19 LEARNING » e-learning - Tutorial

Quasar V1: PWA (with Vue JS 2, Firebase, NodeJS & Express)
Danny Connell | Duration: 14h 34 m | Video: H264 1280x720 | Audio: AAC 44,1 kHz 2ch | 12,1 GB | Language: English

Create a Beautiful Instagram-Style Progressive Web App with Vue 2, Quasar V1, Firebase, NodeJS & Express

In this course, I'm gonna show you how to use Quasar Framework V1, Vue JS 2 and Firebase to create an amazing Progressive Web App (PWA).

We're gonna create a gorgeous Instagram clone called Quasagram. In this app we can display a list of posts; each post has an image, location, caption and the date the image was taken. We can access the user's camera and take a photo, enter a caption, find the user's location and create a new post. It's gonna have a beautiful responsive design that adapts across Desktop & Mobile.

We're gonna store all our data in a Firebase Cloud Firestore database. We'll store our photos in Firebase Storage. We're gonna create our own NodeJS & Express backend with several different endpoints for interacting with the database. We'll incorporate all of the 5 Core PWA features

Home Screen Installation
Caching Strats
Background Sync
Push Notifications

We'll get the app working on iOS, Android & all the main desktop browsers, and it'll even fall back gracefully for older browsers like Internet Explorer. You'll also learn about Service Workers, Workbox, Firebase Cloud Firestore database, Firebase Storage, NodeJS & Express and much more. By the end of this course, you'll be able to create your own Progressive Web Apps using Vue JS, Quasar Framework, Firebase, NodeJS & Express.

NOTE: This course is for Quasar V1 (with Vue 2). Quasar V2 (with Vue 3) is not covered in this course.




Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis