Awesome Open Source
Awesome Open Source

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 beforeinstallprompt event 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


This is a work in progress, if you find a mistake, please file an issue.


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

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.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,511,655
Web (7,563
Progressive Web App (921
Offline (793
Service Worker (769
Related Projects