Road to #PWACamp / Principles
Tags: studycamp, googledevelopergro, webdev, progressivewebapp
Published: 2017-09-27 16:05:37

---
title: "Road to #PWACamp / Principles"
published: true
tags: studycamp,google-developer-gro,web-development,progressive-web-app
canonical_url: https://medium.com/pwa-camp/road-to-pwacamp-principles-cf1a23886964
---

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&nbsp;York.

> _You can find out more about the agenda on_ [_our event page_](https://pwacamp2017.splashthat.com/) _and_ [_purchase tickets to attend it here_](https://generalassemb.ly/education/progressive-web-apps-camp/new-york-city/39343)_._ **_Use the promo code pwa-30 to get a 30% discount for a limited&nbsp;time._**

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](http://calnewport.com/books/deep-work/), I see 1-day events like this as critical to empowering the immersive learning approach that translates awareness to&nbsp;action.

### #PWACamp Series

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&nbsp;out..

1. [Road To PWA Camp / Principles](https://medium.com/pwa-camp/road-to-pwacamp-principles-cf1a23886964)
2. Road to PWA Camp / Programming
3. Road to PWA Camp /Practices
4. …

### #PWACamp Agenda

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&nbsp;experts.

![](https://cdn-images-1.medium.com/max/839/1*Jj132T49N7jCLrbzNizcAg.png)<figcaption>PWA Camp 2017Â Speakers</figcaption>

### **#PWACamp Session 1: Principles**

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)](https://www.twitter.com/petele) will kick off #PWACamp with a deep-dive on PWA that will cover these concepts in more&nbsp;detail.

It also takes security very seriously, with [HTTPS being a core requirement](https://developers.google.com/web/fundamentals/security/encrypt-in-transit/why-https) 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&nbsp;PWA.

> [Mariko Kosaka](https://www.twitter.com/kosamari) (Dev Rel @Google) will break down the complexities & uses of HTTPS in her much-anticipated #PWACamp talk on “HTTPS Adoption in&nbsp;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.

In May 2017, the Chrome team unveiled [WorkboxJS](https://workboxjs.org/), a toolkit of JavaScript libraries that work frictionlessly with popular build tools to enable core PWA functionality. They also announced the integration of [Project Lighthouse](https://github.com/GoogleChrome/lighthouse) into Chrome Dev Tools, making it intuitive to audit your web app using the same interface used for development and debugging. Like PageSpeed Insights, the Project Lighthouse audit is prescriptiveâ€Š–â€Šit not only identifies issues based on a [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist), but it provides clear guidance on how to fix them in order to gain compliance even as requirements & features&nbsp;evolve.

_Jeff Posnick (Dev Rel @Google) will revisit_ [_his Google IO17 session on PWA_](https://www.youtube.com/watch?v=fyi7auD5MzU)_at #PWACamp, focusing specifically on WorkboxJS & Lighthouse usage for&nbsp;devs_

### Why attend&nbsp;#PWACamp

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](https://www.forbes.com/sites/tomaslaurinavicius/2017/01/25/web-design-trends-2017/2/#1008acf81dd0) in 2017. And[PWA was one of the big topics at Google IO](https://developers.googleblog.com/2017/05/google-io-2017-empowering-developers-to.html) (May 2017) with many [high-profile PWA launches](https://developers.google.com/web/showcase/) that showcase PWA adoption at&nbsp;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](https://hnpwa.com/)â€Š–â€Š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&nbsp;..

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&nbsp;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&nbsp;etc.).

Stay tuned.

### Videos To Watch / PWA @GoogleIO 2017

1. [Progressive Web Apps: Great Experiences Everywhere](https://www.youtube.com/watch?v=m-sCdS0sQO8&index=5&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE), [Sam Birch](https://medium.com/u/2e5570e0a783) and [Alex&nbsp;Russell](https://medium.com/u/fa63e1e8071)
2. [Great PWA Experiences with Angular](https://www.youtube.com/watch?v=C8KcW1Nj3Mw&index=10&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE), [Stephen Fluin](https://medium.com/u/a1fba6cea10f) and Alex Rickabaugh
3. [WomenTechmakers.com: A PWA Migration](https://www.youtube.com/watch?v=fyi7auD5MzU&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE&index=17), [Jeffrey Posnick](https://medium.com/u/3fb739097395) and [Ewa Gasperowicz](https://medium.com/u/625272420a5a)
4. [Production PWA with JS Frameworks](https://www.youtube.com/watch?v=aCMbSyngXB4&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE&index=24), [Addy&nbsp;Osmani](https://medium.com/u/2508e4c7a8ec)
5. [Staying off the Rocks: Using Lighthouse to build seaworthy PWA](https://www.youtube.com/watch?v=NoRYn6gOtVo&index=25&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE), [Eric Bidelman](https://medium.com/u/443b43fab64) and [Brendan&nbsp;Kenny](https://medium.com/u/367f15fa8a7f)
6. [Getting the Green Lock: HTTPS Stories from the Field](https://www.youtube.com/watch?v=GoXgl9r0Kjk&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE&index=20) [Emily Schechter](https://medium.com/u/10b89e6593cd)
7. [Creating UX that just feels right with PWA](https://www.youtube.com/watch?v=mmq-KVeO-uU&list=PLNYkxOF6rcICniLJ2rfj0FexlA-9zmJJE&index=19), [Owen Campbell-Moore](https://medium.com/u/94a116f73676)

* * *