Service Worker.

Service worker is work or uses to build PWA. We already discuss PWA in this blog. if you do not see that, then must-read that article and then came here because the main role of service worker is introducing in PWA.
About Service Worker:
Service worker is basically a script that your browser is run in the background, separate from a web page. they give many interactive event-driven features to the web such as install, activate, fetch and they also give push notification event-driven features to the web.
What can Service Worker do?
The main role of SW(service worker) is intercepting and handle the network request and store file in cache storage, fetch it within an offline connection, respond within a lost connection, make an attractive web application.
    In the future, they might support other things like periodic sync or geofencing.

 SW is handling the network request, its a JAVASCRIPT worker, so it can`t access DOM directly instead they have to communicate to the page responding to message via the postMessage method.

 SW is terminated when not in used and restarts when it's needed, the all event are processed through Promises.

 In SW, we can receive push messages from a server when the app is not active. This lets your apps show push notification to the user, even when it is not open in the browser.

How can make "Offline-first-app":
   In SW, we using fetch event because we have to little bit customize our respond.
we give 2 types of return respond in fetch event. first, they fetch the requested file from cache storage if its available(match request to cache file) then they respond. else if a request is not available(or any updates/changes in files) in cache storage then they respond from a server.
SW lifeCycle:

This above a simple SW lifeCycle, In which we have to first install the SW then they activate to take control on your application to cache the files or they have shown an error if any syntax, filename error occurs.
    If activation is successful then they go to "Idle" condition In which we do task like fetch the request from cache files or server.
   We also terminate the process of the SW, if we want to install a new SW.
SW lifeCycles strategies:
We have many more SW lifecycles, In which we customize the process or architecture of SW. Its depend on which task our app have to do or how we want to process our app.

In SW lifeCycle we have some strategies to customize the process of lifeCycle.
    If you want to learn more about SW lifeCycle then must visit here.
RESOURCES:
  • Learn more about Service Worker, So must visit here.
  • Want to watch the video, So must visit here.

Comments

Post a Comment

Popular posts from this blog

Languages for AI

Image
As we know, AI is tremendously growing in the whole world because we want automation or smartness in everywhere like in machines, phones, homes, office, any electronic devices, and etc. Now, there are a huge amount of newcomers of computer science students who are moving to AI, ML(machine learning), DL(deep learning), NN(neural network), Data Science, etc to grabs the opportunity of future technology. But some beginners have some confusion about getting into AI, ML, etc. So in this article, we will roll around to this topic. First of all, The primary step is that which depends on your projects which you have to build using machine learning, artificially intelligence, etc libraries. The implementation of AI, ML, Data Science is all about libraries, which is available in programming languages. Programming languages. 1. Python. 2. Java. 3. JS. 4. C++ 5. R. Here, above the list of programming languages that are majorly useful to build AI, ML, DS, etc. So, the first one...
Read more

Window vs Linux for Android Development.

Image
As we know that, Today the Mobile app developer is growing day-by-day and there are some newbies(beginners) also want to become a mobile app developer or want to build mobile apps. But some beginners(72% out of 100%) have big trouble to get started with mobile app development in Android. Let us see how, First beginners already know what technology or languages he/she has to adopt such as native langs JAVA, kotlin, c++ or libraries and framework React Native, Flutter, Ionic, Xamarin, native scripts, etc. If you want to know more about langs and libraries for mobile app development in a smart way then check it out my blog. If beginners successfully learn the foundation of mobile app development then they have to work on android studio to developed apps. In that`s situation some beginners have trouble to build an android app in their machine. am also faced that trouble in my past. Now shared my exp about android app development in window and Linux(Ubuntu 16.04+). First of a...
Read more

How Network Communications Occurs? | OSI Model.

Image
Today, In this blog we are talking about How Network Communication occurs with the OSI Model. First, the OSI Model Stands for  Open Sytems Interconnection. The OSI model is a conceptual model of how network communication occurs. For network communication to happen, the layers must work together to transmit a message from one device to another. There are 7 layers in the OSI model. We'll start at the top-most layer, layer 7, and work our way down to layer 1.     Layer 7 - Application     Layer 6 - Presentation     Layer 5 - Session     Layer 4 - Transport     Layer 3 - Network     Layer 2 - Data Link     Layer 1 - Physical The OSI model is a breakdown of the various aspects of network communication. It is concerned with the ability of different systems to be connected with each other. It's a conceptual breakdown of all the parts that are involved and groups them into logical sections. Let's c...
Read more