#30 - PWA: Learning Resources For Beginners
Tags: pwa, pwabuilder, webdev, beginners
Published: 2022-03-14 20:17:49

---
title: #30 - PWA: Learning Resources For Beginners
published: true
description: Want to continue your learning journey beyond #30DaysOfPWA? Bookmark this page and check back frequently for updates.
tags: pwa, pwabuilder, webdev, beginners
series: Learn Progressive Web Apps with 30DaysOfPWA
cover_image: https://microsoft.github.io/win-student-devs/30DaysOfPWA/_media/branding.png
---

This is the final post, on the final day, of the #30DaysOfPWA journey! You made it! If you're new to this series, start with the kickoff post to understand the goals and people behind the project:

{% link https://dev.to/azure/welcome-to-30daysofpwa-2e54 %} 

---

Want to get a recap of what was covered in the past 4 weeks? Start by checking out part 1 of our 2-part summary here, then read on for part 2 below where we cover learning resources used each week.

{% link https://dev.to/azure/29-recap-from-core-concepts-to-best-practices-12al %}

We'll try to keep this page up-to-date with new resources as they occur - bookmark it and revisit for updates.

---

## Core Concepts

- [Overview of Progressive Web Apps (PWAs)](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium)
- [Understanding Progressive Enhancement](https://alistapart.com/article/understandingprogressiveenhancement)
- [Sample PWAs](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/demo-pwas)
- [DevTools Tips](https://devtoolstips.org) and [Source](https://github.com/captainbrosset/devtools-tips)
- [HTTPS](https://developer.mozilla.org/en-US/docs/Glossary/https)
- [Service Workers](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/service-workers)
- [Web App Manifest](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/web-app-manifests)

---

## Advanced Capabilities

- [Fugu API Tracker](https://fugu-tracker.web.app)
- [Microsoft Edge Developer Docs: Define app shortcuts](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/shortcuts)
- [Microsoft Edge Developer Docs: Share content with other apps](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/share)
- [Breaking Out of the Box](https://aka.ms/learn-PWA/30Days-2.4/alistapart.com/article/breaking-out-of-the-box)
- [Microsoft Edge Developer Docs: Use Service Workers to manage network requests and push notifications](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/service-workers)
- [Microsoft Edge Developer Docs: Synchronize and update a PWA in the background](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/background-syncs)
- [Microsoft Edge Developer Docs: Re-engage users with badges, notifications, and push messages](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/notifications-badges)

---

## Developer Tools

- [PWABuilder Project](https://github.com/pwa-builder/PWABuilder)
- [PWA Studio](https://aka.ms/learn-PWA/30Days-3.1/pwa-studio)
- [PWA Starter](https://github.com/pwa-builder/pwa-starter)
- [PWABuilder.com](https://www.pwabuilder.com)
- [Device Emulation tool](https://aka.ms/learn-PWA/device-emulation)
- [Application tool to review Web App Manifest](https://aka.ms/learn-PWA/debug-PWA)
- [Sources tool to debug JavaScript code](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/javascript/breakpoints)
- [Cache Storage tool](https://aka.ms/learn-PWA/cache-storage)
- [Evaluate runtime performance (Microsoft Edge performance tool)](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/evaluate-performance)
- [Evaluate loading performance (Microsoft Edge performance tool)](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/speed/get-started)
- [Playwright](https://playwright.dev)
- [Use Playwright to automate and test in Microsoft Edge](https://docs.microsoft.com/microsoft-edge/playwright)

---

## Platforms & Practices

- [FAST docs](https://fast.design/docs/introduction)

---

## Closing thoughts

You have made it to the end of #30DaysOfPWA! Congratulations and a huge thank you for staying with us on this journey!

![Banner image from #30DaysOfPWA kickoff](https://microsoft.github.io/win-student-devs/30DaysOfPWA/_media/kickoff.jpg)

If you liked the series, give us a 🌟 on our [GitHub repository](https://github.com/microsoft/win-student-devs). Tag us on Twitter with #30DaysOfPWA because we would love to hear your learnings. 

---

This post is republished from the original [#30DaysOfPWA](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/) blog on Github. Please refer to that site for the latest versions over time.

Want to read more content from Microsoft technologists? Don't forget to follow Azure right here on dev.to:

{% org azure %}

---