#30 - PWA: Learning Resources For Beginners

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:

Welcome to #30DaysOfPWA

Nitya Narasimhan, Ph.D for Microsoft Azure ・ Feb 14 '22

#pwa #pwabuilder #webdev #beginners

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.

#29 - Recap: From Core Concepts to Best Practices!

Nitya Narasimhan, Ph.D for Microsoft Azure ・ Mar 14 '22

#pwa #pwabuilder #webdev #beginners

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)
• Understanding Progressive Enhancement
• Sample PWAs
• DevTools Tips and Source
• HTTPS
• Service Workers
• Web App Manifest

Advanced Capabilities

• Fugu API Tracker
• Microsoft Edge Developer Docs: Define app shortcuts
• Microsoft Edge Developer Docs: Share content with other apps
• Breaking Out of the Box
• Microsoft Edge Developer Docs: Use Service Workers to manage network requests and push notifications
• Microsoft Edge Developer Docs: Synchronize and update a PWA in the background
• Microsoft Edge Developer Docs: Re-engage users with badges, notifications, and push messages

Developer Tools

• PWABuilder Project
• PWA Studio
• PWA Starter
• PWABuilder.com
• Device Emulation tool
• Application tool to review Web App Manifest
• Sources tool to debug JavaScript code
• Cache Storage tool
• Evaluate runtime performance (Microsoft Edge performance tool)
• Evaluate loading performance (Microsoft Edge performance tool)
• Playwright
• Use Playwright to automate and test in Microsoft Edge

Platforms & Practices

• FAST docs

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. Tag us on Twitter with #30DaysOfPWA because we would love to hear your learnings.

This post is republished from the original #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:

Microsoft Azure Follow

Learn how to build and manage powerful applications using Microsoft Azure cloud services. Explore the documentation and samples, skill yourself up with tutorials and training. Any language. Any platform.