googlecodelabs / Your First Pwapp
Licence: apache-2.0
Code associated with Your First Progressive Web App codelab
Stars: ✭ 619
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Your First Pwapp
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+617.93%)
Mutual labels: offline, progressive-web-app, service-worker
Sw Precache
Service Worker Precache is a module for generating a service worker that
precaches resources. It integrates with your build process. Once configured, it
detects all your static resources (HTML, JavaScript, CSS, images, etc.) and
generates a hash of each file's contents. Information about each file's URL and
versioned hash are stored in the generated service worker file, along with logic
to serve those files cache-first, and automatically keep those files up to date
when changes are detected in subsequent builds.
Stars: ✭ 5,276 (+752.34%)
Mutual labels: offline, progressive-web-app, service-worker
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (-57.19%)
Mutual labels: offline, progressive-web-app, service-worker
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (-63.33%)
Mutual labels: offline, progressive-web-app, service-worker
Create React Pwa
https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
Stars: ✭ 1,268 (+104.85%)
Mutual labels: offline, progressive-web-app, service-worker
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+7.43%)
Mutual labels: offline, progressive-web-app, service-worker
Super Progressive Web Apps
SuperPWA helps to convert your WordPress website into Progressive Web Apps instantly. PWA (Progressive Web Apps) demo at : https://superpwa.com and Plugin :
Stars: ✭ 304 (-50.89%)
Mutual labels: offline, progressive-web-app, service-worker
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+671.73%)
Mutual labels: offline, progressive-web-app, service-worker
Angular2 Hn
💥 Progressive Hacker News client built with Angular
Stars: ✭ 1,293 (+108.89%)
Mutual labels: offline, progressive-web-app, service-worker
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (-60.42%)
Mutual labels: offline, progressive-web-app, service-worker
Pwa Fundamentals
👨🏫 Mike & Steve's Progressive Web Fundamentals Course
Stars: ✭ 256 (-58.64%)
Mutual labels: progressive-web-app, service-worker
ambianic-ui
PWA for managing Ambianic Edge devices (smart cameras).
Stars: ✭ 32 (-94.83%)
Mutual labels: offline, progressive-web-app
Ios Pwa Wrapper
An iOS Wrapper application to create a native iOS App from an offline-capable Progressive Web App.
Stars: ✭ 268 (-56.7%)
Mutual labels: offline, progressive-web-app
Progressive Web Apps Book
All of the code for "Progressive Apps" - a book by Dean Hume
Stars: ✭ 270 (-56.38%)
Mutual labels: progressive-web-app, service-worker
jekyll-pwa-workbox
A Jekyll plugin using Workbox to make your PWA / Website available offline.
Stars: ✭ 22 (-96.45%)
Mutual labels: service-worker, progressive-web-app
Prelude
A web app for practicing musical sight reading skills
Stars: ✭ 24 (-96.12%)
Mutual labels: service-worker, progressive-web-app
Dsw
Dynamic Service Worker - making your offline Progressive Web Apps way easier
Stars: ✭ 277 (-55.25%)
Mutual labels: offline, service-worker
React Dynamic Route Loading Es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
Stars: ✭ 297 (-52.02%)
Mutual labels: offline, service-worker
Sw Toolbox
A collection of tools for service workers
Stars: ✭ 3,649 (+489.5%)
Mutual labels: progressive-web-app, service-worker
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (-37.96%)
Mutual labels: offline, progressive-web-app
Your First Progressive Web App Codelab
These are the resource files needed for the Your First Progressive Web App codelab.
In this codelab, you'll build a weather web app using Progressive Web App techniques. Your app will:
- Use responsive design, so it works on desktop or mobile.
- Be fast & reliable, using a service worker to precache the app resources (HTML, CSS, JavaScript, images) needed to run, and cache the weather data at runtime to improve performance.
- Be installable, using a web app manifest and the
beforeinstallpromptevent to notify the user it's installable.
What you'll learn
- How to create and add a web app manifest
- How to provide a simple offline experience
- How to provide a full offline experience
- How to make your app installable
Getting started
To get started, check out the codelab instruction
Feedback
This is a work in progress, if you find a mistake, please file an issue.
License
Copyright 2019 Google, Inc.
Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
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].