skip to content W3C SVG

About This Project

Progressive Web Apps

Wikipedia defines Progressive Web Apps (PWA) as:

a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

My goal with this project is to explore the world of progressive web apps from concepts to code, from design patterns to real-world adoption. I’m starting with this simple learning roadmap - and exploring related industry and community resources for hands-on learning.

Learning: Roadmap

I’ve broken the learning journey into six sections, each associated with a handy tag (🔖) to discover and browse related blog posts. The sections are:

  • 🔖 Fundamentals - core concepts, terms and tools.
  • 🔖 Capabilities - web capabilities and Project Fugu.
  • 🔖 Case Studies - real-world adoption and best practices
  • 🔖 PWABuilder - dev starter kit with develop-to-deploy support
  • 🔖 Lighthouse - perf and compliance auditing for PWA
  • 🔖 Tutorials - concepts and tools deep-dives, with code

Learning: Resources