Road to #PWACamp / Programming
Tags: progressivewebapp, pwacamp, webdev
Published: 2017-09-27 16:05:27

---
title: "Road to #PWACamp / Programming"
published: true
tags: progressive-web-app,pwacamp,web-development
canonical_url: https://medium.com/pwa-camp/road-to-pwacamp-principles-f0fb15d3ae33
---

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._**

This is the 2nd installment of a series of articles focused on PWA in the days leading to #PWACamp. You can read the [first article here](https://dev.to/devfestnyc/road-to-pwacamp--principles-temp-slug-9933302)â€Š–â€Šand also find a listing of the entire series there as it progresses.

### #PWACamp Session 2: Programming

Understanding the concepts is important, and having tools and libraries to facilitate development is criticalâ€Š–â€Šbut as a developer, _how do you get started?_ This is the focus of the second segment of our camp, and something that we hope to elaborate on a bit&nbsp;here.

At a high level, we want to support two kinds of learning behaviors:

- _Breadth First._ This is for developers who are interested in exploring these concepts with code, but not necessarily tied to a specific framework or build process. In such cases, what would be the simplest way to start exploring ideas with code without having to worry about build processes, deployment options and development environment setup?
- _Depth First._ This is for developers who are working with a specific front-end technology and interested in understanding how they can integrate PWA capabilities into their apps, or audit existing apps for compliance. In such cases, the real focus is on getting some hands-on experience with the libraries/tools and workflow specific to that front-end.

The 2-hr _Programming_ segment effectively allows you to pick your own adventureâ€Š–â€Šyou will hear about two possible options in the _instructor-led_ segment, and then explore those (or other alternatives) through hands-on codelabs in the _self-guided_ segment, with the help of our on-site mentors. The two talks in this segment&nbsp;are:

### Building With&nbsp;Glitch

[Glitch](https://glitch.com/about/) is the _friendly community where you will build the app of your dreams_. Built by the amazing folks at FogCreek, Glitch is effectively a cloud-based “sandbox where you can edit, build and deploy your web apps in one platform, right from the&nbsp;browser.

More importantly, you can learn by remixingâ€Š–â€Šsimply look for example apps that provide specific features or leverage specific APIs, and then remix it to create a custom version that helps you better understand the underlying concepts. Learn about their vision&nbsp;here.

![](https://cdn-images-1.medium.com/max/960/0*JwaTdeaUvo1kkrSY.)

> [Pirijan (@pketh)](https://www.twitter.com/pketh), Dev/Designer on Glitch team, will speak at #PWACamp about how Glitch works & how you can “remix existing PWA examples.

**PWA On&nbsp;Glitch:**

Glitch has some PWA examples already available today that might be good places to start for a “Remix”. Take a look at these examples from our other #PWACamp speakers @kosamari and @jeffposnick

{% tweet 842452473281429505 %}

{% tweet 842672030054928384 %}

Or this simple PWA demo from [Paul&nbsp;Kinlan](https://medium.com/u/a7bf6b8f7cd0)

{% tweet 868863913588379648 %}

### Building PWA with&nbsp;Angular

[Angular](https://angular.io/) is amongst the first frameworks to embrace _declarative_ coding of web apps with composability, testability and performance as core tenets. In Angular 2.x, [Progressive Web Apps are core to cross-platform support](https://angular.io/features), making it arguably the most popular PWA-ready web app option&nbsp;today.

> [Michael Solati](https://medium.com/u/5b925f0e218b), GDG New Haven Organizer & Full-Stack Dev, will walk us through building a PWA with Angular at #PWACamp.

Want to learn more about how you can build great PWA experiences with Angular? Check out this talk from Google IO, then bring your laptop and come prepared to follow-along with Michael, or do a self-guided codelab.

{% youtube videoseries %}

And check out the Angular Mobile Toolkit: [https://mobile.angular.io/](https://mobile.angular.io/)

### Building PWA with other frameworks

But what if you are already working with a different production framework? Maybe that’s React? Or Vue? Or Polymer? Or Backbone? Not a&nbsp;problem.

Come to #PWACamp where we will have a set of resources available for you to start exploring development with any front-end frameworkâ€Š–â€Šyou will have mentors to help with existing codelabs plus a chance to ask your questions on PWA adoption from both members of the Google Chrome & DevRel teams as well as industry&nbsp;experts.

Watch this space for more resource&nbsp;links.

### Resources:

1. [Google IO 2017 Codelabs](https://codelabs.developers.google.com/io2017?cat=Web)â€Š–â€Šwith numerous codelabs updated for the latest features and tools. We’ve identified a few useful ones&nbsp;below.
2. Codelab: [Your First Progressive Web&nbsp;App](https://codelabs.developers.google.com/codelabs/your-first-pwapp/index.html?index=..%2F..%2Fio2017#0)
3. Codelab: [Migrate your site to a&nbsp;PWA](https://codelabs.developers.google.com/codelabs/migrate-to-progressive-web-apps/index.html?index=..%2F..%2Fio2017#0)
4. Codelab: [PWA with Polymer &&nbsp;Firebase](https://codelabs.developers.google.com/codelabs/polymer-firebase-pwa/index.html?index=..%2F..%2Findex)
5. [Create-React-App with PWA](https://medium.com/dev-channel/create-react-pwa-7b69425ffa86)â€Š–â€Š@jeffposnick [PR was merged](https://twitter.com/sco/status/864936332866367489) in May&nbsp;2017

* * *