• Post category:StudyBullet-3
  • Reading time:5 mins read


Learn to build discoverable, engaging Progressive Webs Apps (PWAs) from scratch,

What you will learn

What a Progressive Web App is

Use Service Workers to enable your application to work offline

Create a progressive web app that is installable to the home screen

Description

What is Progessive Web App (PWA)?

PWAs are web applications created utilizing various explicit advances and standard examples to permit them to exploit both web and local application highlights. For instance, web applications are more discoverable than local applications; it’s much simpler and quicker to visit a site than to introduce an application, and you can likewise share web applications by essentially sending a connection.

Then again, local applications are better incorporated with the working framework and along these lines offer a more consistent encounter for the clients. You can introduce a local application so it works disconnected, and clients love tapping their symbols to handily get to their most loved applications, instead of exploring to it utilizing a program.

PWAs enable us to make web applications that can appreciate these equivalent favorable circumstances.

It is anything but a shiny new ideaβ€”such thoughts have been returned to commonly on the web stage with different methodologies before. Reformist Enhancement and responsive plan as of now permit us to fabricate versatile neighborly sites.


Get Instant Notification of New Courses on our Telegram channel.


What will you learn in this course?

In this course you’ll begin dealing with your absolute first Progressive Web App (PWA) – a web application that can exploit a considerable lot of the highlights local applications have appreciated. You’ll likewise get more involvement with making a web application that works disconnected utilizing Service Workers. At last, you’ll make your application installable to the client’s home screen with the Web App Manifest file.

English
language

Content

Introduction
Introduction
Create pages
Create input modal and edit modal
Add the floating action button
Create icons for the progressive web app
Create manifest file
Open the web on Android Simulator
iOS Simulator icon problems
What is service worker
Service worker lifecycle introduction
Service worker registration
Service worker installation
Service worker activation
Using lighthouse to audit the progressive web app
Service worker listen fetch event
Open the localhost of the mobile phone
Cache the core asset of the app
Return the cached assets to the app
Dynamic Cache
Add a fallback page
Limit the number of cache
Create Firebase project
Add document in cloud firestore
Get realtime update with cloud firestore
Create the template for the contacts
Updating the UI
Configure Firestore offline persistence
Delete document in cloud firestore
Edit document in cloud firestore
Toggle favorite
Render favorite pages