30 days of PWA: Fall in love with Progressive Web Apps

[Guest Microsoft Edge Team]

If you recently started your journey learning web development and if you are interested in building apps without having to also learn about iOS, Android, or desktop app development, then you’re about to fall in love with Progressive Web Apps. Starting on February 14th 2022, we ran a series of blog posts which lasted for 30 days, and covered all aspects of Progressive Web Apps development: what they are, how they’re built, what special powers they have, how to create, debug, test and optimize them, and how to publish them to app stores! Whether you just started with web development or have experience already, there should be a little bit for everyone in this blog series. Learn more about the series, jump right in and start learning, or access any of the articles directly with this table of contents:

1. Core concepts
   
   1. 
      
   2. Introducing PWA
      
   3. Deconstructing PWA
      
   4. Make PWA installable
      
   5. Make PWA reliable
      
   6. Make PWA work offline
      
   7. Make PWA capable
      
   8. Developing PWA
      

[*]Advanced capabilities

1. Introducing the advanced capabilities of PWAs
   
2. Creating application shortcuts
   
3. Sharing content from and with your app
   
4. Displaying content more like an app
   
5. Caching your app data
   
6. Synchronizing app data in the background
   
7. Notifying your users of updates
   

[*]Developer tools

1. Get-started tools – Part 1
   
2. Get-started tools – Part 2
   
3. Debugging tools – Part 1
   
4. Debugging tools – Part 2
   
5. Auditing tools
   
6. Test automation tools
   
7. Packaging tools
   

[*]Platforms and practices

1. Installability of PWAs
   
2. Best practices for PWA engagement
   
3. Distributing your PWA
   
4. Best practices for PWA reliability
   
5. PWA maintainability – Using web components
   
6. Best practices for PWA authentication
   
7. Best practices for PWA UI/UX
   

The 30 Days of PWA blog series would not have been possible without a multi-team effort across the Edge, Windows, and Developer Relations teams at Microsoft. We also want to thank Kenneth Rohde Christiansen for contributing a guest post about PWA’s advanced capabilities. If you have any questions or feedback for any of us, please reach out on our GitHub repository. You can also find us on social media:

• #30DaysOfPWA on Twitter
  
• The blog series on dev.to, and PWA tag on dev.to.
  

We hope these articles will be useful to you as you continue learning web development and explore the fascinating world of Progressive Web Apps. – Patrick Brosset, Senior Product Manager, Microsoft Edge

 

Continue reading...