All Projects → SebangsaHQ → exploration-service-worker

SebangsaHQ / exploration-service-worker

Licence: MIT license
Let's get started with ServiceWorker

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to exploration-service-worker

Awesome Meta And Manifest
⚡ Awesome collection of meta tags & manifest properties.
Stars: ✭ 499 (+3464.29%)
Mutual labels:  opera, progressive-web-app, google-chrome
Wpt
Test suites for Web platform specs — including WHATWG, W3C, and others
Stars: ✭ 3,573 (+25421.43%)
Mutual labels:  opera, google-chrome
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (+1650%)
Mutual labels:  service-worker, progressive-web-app
Uget Chrome Wrapper
Moved to https://github.com/ugetdm/uget-integrator and https://github.com/ugetdm/uget-extension
Stars: ✭ 74 (+428.57%)
Mutual labels:  opera, google-chrome
java-pwa
Progressive Web Apps in Java
Stars: ✭ 48 (+242.86%)
Mutual labels:  service-worker, progressive-web-app
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (+1571.43%)
Mutual labels:  service-worker, progressive-web-app
Chrome Remote Interface
Chrome Debugging Protocol interface for Node.js
Stars: ✭ 3,603 (+25635.71%)
Mutual labels:  opera, google-chrome
Generator Jekyll Starter Kit
🚀 Jekyll Progressive Web App Generator.
Stars: ✭ 139 (+892.86%)
Mutual labels:  service-worker, progressive-web-app
magento-meanbee-pwa
Progressive Web App extension for Magento 1
Stars: ✭ 75 (+435.71%)
Mutual labels:  service-worker, progressive-web-app
affilicats
🐈 Progressive Web App demo that showcases flaky network resilience measures (📶 or 🚫📶).
Stars: ✭ 65 (+364.29%)
Mutual labels:  service-worker, progressive-web-app
chicio.github.io
👻 Fabrizio Duroni (me 😄) personal website. Created using GatsbyJS, Styled Components, Storybook, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
Stars: ✭ 20 (+42.86%)
Mutual labels:  service-worker, progressive-web-app
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (+1521.43%)
Mutual labels:  service-worker, progressive-web-app
Progressive Weather App
A local weather app that fetches weather forecast from Openweathermap.org. A Progressive Web App built with Vue.js.
Stars: ✭ 223 (+1492.86%)
Mutual labels:  service-worker, progressive-web-app
So Pwa
A progressive web app to read Stack Overflow content.
Stars: ✭ 235 (+1578.57%)
Mutual labels:  service-worker, progressive-web-app
Pwatter
Angular Progressive Web App using Workbox
Stars: ✭ 167 (+1092.86%)
Mutual labels:  service-worker, progressive-web-app
Smart-Text-Editor
The text editor that requires only a browser and a keyboard!
Stars: ✭ 60 (+328.57%)
Mutual labels:  service-worker, google-chrome
Pwa
Progressive Web Apps for Rails
Stars: ✭ 133 (+850%)
Mutual labels:  service-worker, progressive-web-app
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (+864.29%)
Mutual labels:  service-worker, progressive-web-app
spendlogs
SpendLogs - Personal Expense Manager
Stars: ✭ 18 (+28.57%)
Mutual labels:  service-worker, progressive-web-app
next-with-workbox
Higher order Next.js config to generate service workers
Stars: ✭ 22 (+57.14%)
Mutual labels:  service-worker, progressive-web-app

Service Worker Exploration

Please read Getting Started to start.

service worker cover

Overview

A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction. Today, they already include features like push notifications and background sync. In the future, service workers will support other things like periodic sync or geofencing. The core feature discussed in this tutorial is the ability to intercept and handle network requests, including programmatically managing a cache of responses.

The reason this is such an exciting API is that it allows you to support offline experiences, giving developers complete control over the experience.

Before service worker, there was one other API that gave users an offline experience on the web called AppCache. There are a number of issues with the AppCache API that service workers were designed to avoid.

ref : https://developers.google.com/web/fundamentals/primers/service-workers/

Index

  • 1.0 Cache static files

    The Service Worker API comes with a Cache interface, that lets you create stores of responses keyed by request. While this interface was intended for service workers it is actually exposed on the window, and can be accessed from anywhere in your scripts. The entry point is caches.

  • 2.0 Offline first

    Do not let your visitor go because there is not internet connection. Offline first lets you to display web content even though no internet network is available.

  • 3.0 Background Sync

    Background sync is a new web API that lets you defer actions until the user has stable connectivity. This is useful for ensuring that whatever the user wants to send, is actually sent

  • 4.0 Push notification

    Push notification provides a simple and effective way to re-engage with your users.

  • [WIP] Geofencing

Prerequisites

Service worker only support localhost and HTTPS, you need some webserver to run in local. Here are some that we recomend :

Getting Started

We split the module into several directory, to get started please read README.md we provide in each directory.

Service Worker Compatilbility (last update: 19-08-2019)

Ref : https://caniuse.com/#feat=serviceworkers Service Worker Compatibily

Contributtors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].