#29 - Recap: From Core Concepts to Best Practices!
Tags: pwa, pwabuilder, webdev, beginners
Published: 2022-03-14 19:56:12

---
title: #29 - Recap: From Core Concepts to Best Practices!
published: true
description: We made it!! Let's look back at the past 4 weeks and review what we learned ! https://aka.ms/learn-pwa/30days-blog
tags: pwa, pwabuilder, webdev, beginners
canonical_url: https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/summary
series: Learn Progressive Web Apps with 30DaysOfPWA
cover_image: https://microsoft.github.io/win-student-devs/30DaysOfPWA/_media/branding.png
---

# Summary - Part 1: Recap

Welcome to the final day of the [30 Days of PWA](https://aka.ms/learn-pwa/30Days-blog) series. 

You made it! Let's look back at our journey over the past month, review key concepts and learnings, and talk about next steps to continue your self-study. We'll cover this in 2 parts: Recap (here) and Resources (next).

The canonical [Summary](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/summary) was authored by Beth Pan - a PM and technologist on the Microsoft Windows team. Find her here on dev.to.

{% user beth_panx %}

---

## Week 1: Core Concepts

![Visual guide to core concepts week.](https://microsoft.github.io/win-student-devs/30DaysOfPWA/core-concepts/_media/week-1.png)

We started our 30-day journey by [Introducing Progressive Web Apps (PWA)](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/01). Next, we [deconstructed the PWA](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/02) to discover the fundamental building blocks of a PWA: HTTPS, Service Workers, and Web App Manifest. We took a deeper dive into each block to learn how to make a PWA [installable](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/03), [reliable](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/04, [work offline](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/05), and [capable](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/06). Finally, we summarized this week’s learning by taking an existing application and [iteratively enhancing it](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/core-concepts/07) for Progressive Web App functionality.

---

## Week 2: Advanced Capabilities

![Visual guide to advanced capabilities week.](https://microsoft.github.io/win-student-devs/30DaysOfPWA/advanced-capabilities/_media/week2-roadmap.png)

Week 2 of #30DaysOfPWA is all about new exciting capabilities available to modern Progressive Web Apps. Many advanced features and APIs have been brought to the web platform over the last couple of years as part of the "Project Fugu" effort, enabling a whole new class of applications to be built on top of the web. In this week, we learn about [PWA and Web Standards](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/01), [creating app shortcuts](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/02), [sharing content](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/03), [displaying content](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/04), [caching data](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/05), [background sync](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/06), and [notifications](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/advanced-capabilities/07).

---

## Week 3: Developer Tools

![Visual guide to developer tools week.](https://microsoft.github.io/win-student-devs/30DaysOfPWA/dev-tools/_media/week3-roadmap.png)

Now that we are familiar with Progressive Web Apps and available advanced capabilities, let's look at the tools that help us [build](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/01), [debug](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/02), [troubleshoot](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/03), [audit](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/05), [test](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/06), and [package](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/07) PWAs in week 3.

---

### Week 4: Platforms and Practices

![Visual guide to platforms and practices week.](https://microsoft.github.io/win-student-devs/30DaysOfPWA/platforms-practices/_media/week4-roadmap.png)

To close the series of #30DaysOfPWA, we present best practices for building great Progressive Web Apps. We answer the following questions to help you make design, development, and distribution decisions for your PWAs: 

 * What types of apps [should be installable?](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/01) 
 * How do you set [an engagement strategy?](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/02) 
 * How can you get [maximum discoverability](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/03) by distributing to app stores? 
 * Which [caching strategy](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/04)should you choose to have the best user experience while offline? 
 * Why use [web components for PWA maintainability?](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/05) * [What about authentication?](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/06) 
 * And what does it mean to [have great UI/UX for your PWAs?](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/platforms-practices/07)

---

## We value your feedback!

This project is a labor of love. ❤️ It's not the primary day job for many of our planners and contributors. A huge thank you to all for helping make this a reality. As we reflect on lessons learned, what went well, and what we can improve on for future projects, we especially appreciate your feedback. 

Please take a few minutes to [share your feedback and suggestions](https://aka.ms/learn-pwa/30Days-survey) as they will help make future projects like this possible!

---

## We ♥️ our contributors!

Our journey began [on Valentine's Day (2/14)](https://dev.to/azure/welcome-to-30daysofpwa-2e54) and ended with [this summary](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/summary) on Pi-Day (3/14). We couldn't have planned it better if we tried. The series would not be possible without the contributions of many authors - check out the tweet to find and follow them on Twitter. You can also find their dev.to profiles listed on the articles they authored right here on dev.to.

{% tweet 1503449383202865153 %}

---

## Closing thoughts

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

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. 

And don't forget to check out the final Resources post to keep continuing your learning journey!

{% link https://dev.to/azure/30-pwa-learning-resources-for-beginners-4l95 %}