On Jul 22, 2017, we will be running the first Study Camp event focused on Progressive Web Apps (PWA) through the Google Developer Group NYC, hosted at General Assembly in New York.
The main goal for the event is to jumpstart PWA development by beginners and solidify real-world deployments by practitioners. As a fan of Deep Work, I see 1-day events like this as critical to empowering the immersive learning approach that translates awareness to action.
Over the next few weeks, I hope to publish a series of posts that provide both context for #PWACamp and resources for those who will attend it, and want to go further. This list will be updated with links to the relevant articles as the posts are rolled out..
- Road To PWA Camp / Principles
- Road to PWA Camp / Programming
- Road to PWA Camp /Practices
The event is broken into three sessionsâ€Š–â€ŠPrinciples, Programming and Practicesâ€Š–â€Šeffectively moving from an understanding of core concepts & tools, to getting hands-on development experience with building a PWA, and finally, to learning about real-world deployments from industry experts.
At its core, the Progressive Web Apps vision is about using progressive enhancement to deliver a web app experience that is reliable (functions even in poor network conditions), fast (quick to first paint, smooth animations and responsive to user events), and engaging (feels like a native app with immersive full-screen UX, familiar launch options & push notifications).
Pete LePage (Developer Advocate @Google) will kick off #PWACamp with a deep-dive on PWA that will cover these concepts in more detail.
It also takes security very seriously, with HTTPS being a core requirement for PWA compliance. HTTPS ensures that all communications between client and server are encrypted by default, protecting against man-in-the-middle attacks while also supporting data integrity of the website and user data. More importantly, HTTPS is critical to permission workflows required for leveraging many of the new browser platform features, making it vital for developers to understand how HTTPs functions and how it is used for PWA.
Mariko Kosaka (Dev Rel @Google) will break down the complexities & uses of HTTPS in her much-anticipated #PWACamp talk on “HTTPS Adoption in PWA”
But PWA is a vision for building better web apps, and not a new framework or platform for development. Rather, the goal is to find ways to incorporate and validate best practices in the various front-end technologies (e.g., React, Angular, VanillaJS, Polymer, Ember, Vue, etc.). And doing that well requires tooling supportâ€Š–â€Šnot just for building PWA but for auditing their compliance against various metrics like performance and accessibility.
Jeff Posnick (Dev Rel @Google) will revisit his Google IO17 session on PWAat #PWACamp, focusing specifically on WorkboxJS & Lighthouse usage for devs
If you manage teams or oversee projects in industry, then 2017 is the year to double-down on PWA. Forbes identified PWA as one of the top web trends to watch in 2017. AndPWA was one of the big topics at Google IO (May 2017) with many high-profile PWA launches that showcase PWA adoption at scale.
For web developers, Google IO was marked by the release of WorkboxJS, the announcement of Lighthouse integration into DevTools, and the debut of HNPWAâ€Š–â€Šthe _spiritual successor to ToDoMVCâ€Š–â€Š_now providing developers with comprehensive examples of PWA implementations of the Hacker News client with diverse front-end technologies.
And the momentum keeps growing ..
Whether you are new to PWA or have been using it for a while, this is great way to get up to speed with the latest developments on the PWA front. And, more importantly, it’s a way to build your connections within the community of PWA developers, practitioners and users
In the next installment, “ Road to #PWACamp: Programming” , we’ll explore how you can get started with PWA development using generic platforms (e.g., remix with Glitch) or with specific front-end technologies in mind (e.g., React, Angular, Polymer, Vue etc.).
- Progressive Web Apps: Great Experiences Everywhere, Sam Birch and Alex Russell
- Great PWA Experiences with Angular, Stephen Fluin and Alex Rickabaugh
- WomenTechmakers.com: A PWA Migration, Jeffrey Posnick and Ewa Gasperowicz
- Production PWA with JS Frameworks, Addy Osmani
- Staying off the Rocks: Using Lighthouse to build seaworthy PWA, Eric Bidelman and Brendan Kenny
- Getting the Green Lock: HTTPS Stories from the Field Emily Schechter
- Creating UX that just feels right with PWA, Owen Campbell-Moore