Learn to build progressive web apps using JavaScript

Install node and npm to start building progressive web apps, verify versions with node -v and npm -v, then install http-server globally with npm install http-server -g.

Learn how service workers power progressive web apps using JavaScript by registering a worker, handling install, activate, and fetch events, and caching assets for offline use.

Explore the fetch API in JavaScript by fetching json data, handling responses with promises, and loading text, json, and image resources into a web page.

Explore Google Lighthouse, an open source tool that audits and guides progressive web app optimization. Install via Chrome extension or node, run audits, and review manifest and service worker checks.

Implement push notifications in progressive web apps by registering a service worker, subscribing and unsubscribing with the push manager, and testing notifications with title, body, and click actions.

Build the html for a progressive web app by creating an index page and linking a stylesheet and manifest. Add a header with a weather forecast showing current and future.

Learn to fetch weather data in progressive web apps by using woeids, locating location IDs with Yahoo's id lookup, and wiring the woeid parameter into the weather RSS query.

Create a manifest for the weather progressive web app by defining name and short_name, listing icons in multiple sizes, and setting starting_url, display, background, and theme colors.

Define and wire UI event listeners for refresh and add city actions, toggle the add-city dialog, read the selected city, fetch its cost via API, and save to selected cities.

Learn to fetch weather data via Yahoo API, querying by city ID and parsing JSON, using a cash-first strategy to update the forecast card.

Learn to update the card display by parsing new data, cloning a card template, and populating sunrise, sunset, humidity, and a seven-day forecast while managing visibility and loading state.

Finish the script by saving selected cities to local storage, iterating visible cards to fetch forecasts, mapping weather codes to icons via the Yahoo API, and registering a service worker.

Add a service worker to a progressive web app, define a cache name, list files to cache, and implement install, activate, and fetch handlers for offline caching.

Explore the final solution code for the IndexedDB tutorial and learn how a promise-based library simplifies creating stores and indices and performing operations.

Learn to integrate Google Analytics with a progressive web app by sending custom events for purchases, subscriptions, and push interactions using an analytics helper.

Build progressive web apps with JavaScript by mastering responsive design and responsive images, and explore Google Code Labs resources, media queries, srcset, workbox, gulp, React, and service workers.