Aug

17

2020

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

Laser 17 Aug 2020 08:34 LEARNING » e-learning - Tutorial

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)
Highest Rated | h264, yuv420p, 1280x720 |ENGLISH, 44100 Hz, 2 channels | 14h 53mn | 12.18 GB

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

Create a Beautiful Instagram-Style Progressive Web App with Vue, Quasar, Firebase, NodeJS & Express
What you'll learn

How to create a beautiful Instagram clone PWA with Vue JS, Quasar & Firebase

How to integrate the 5 Core PWA Features: Home Screen Installation, Precaching, Caching Strats, Background Sync & Push Notifications

How to make a PWA fully functional offline

How to create a gorgeous responsive design that adapts across Mobile & Desktop

How to access the device's Native Camera & Location

All about Service Workers, Workbox, Firebase Cloud Firestore, Firebase Storage, NodeJS & Express and much more

Requirements

Basic HTML, CSS & jаvascript knowledge is required

Basic VueJS knowledge is beneficial but not required

A Mac for development is preferred (for testing the app on iOS)

Description

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

Precaching

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.

Who this course is for:

Anyone who wants to create a beautiful PWA that works on all platforms (and falls back gracefully to older/unsupportive browsers)



DOWNLOAD
uploadgig



rapidgator


nitroflare

High Speed Download

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