** NEW: SUPPORTING DIVERSITY **
If you are from an under-represented community in tech, please apply for to get a FREE ticket here (while supplies last). http://bit.ly/pwacamp-diversity
PWA, or Progressive Web Apps, are web applications built with progressive enhancement as a core philosophy. They are born ready to work for any user, on any browser platform, to provide a fast and fluid experience despite network connectivity, device form factor or operating system differences.
PWA Camp is the first in a series of "Study Camps" designed to jumpstart understanding of a technology through a combination of tech talks and hands-on codelabs in a community setting.
Agenda:
The day is broadly structured into three sessions --Principles, Programming and Practices. You are strongly urged to bring laptops and power cords and be ready to spend some time in the afternoon getting hands-on experience with developing PWAs.
Registration:
Tickets are available via the General Assembly Site. To get discount codes, join the GDG NYC meetup and watch for announcements with promo codes.
Sponsorship:
If you are interested in sponsoring this (or future) events, please contact nitya@gdgnyc.org. Funds will help us make the event more accessible to under-represented groups and also support our ability to run more of these events in the future.
Code of Conduct:
This is a community that strongly believes in civility, equality and non-discrimination. We are committed to providing a safe, welcoming and friendly environment for everyone regardless of race, ethnicity, gender, religion, sexual orientation, age or disability. Harassment of any kind (physical, digital or verbal) will absolutely not be tolerated.
If you experience or see anything that violates this code of conduct, please talk to an organizer at once and we will take immediate action that could include requiring the violators to leave this event and potentially be blacklisted from future events. If you have questions or comments, please contact nitya@gdgnyc.org.
Image Credit:
The image at the top of this page was created as part of the awesome #WOCInTech Chat, an initiative to connect women of color to opportunities in tech. Learn more at http://www.wocintechchat.com/
We set aside 90 minutes on the schedule to give everyone a chance to explore concepts with hands-on codelabs. Participants will spread out over two rooms for convenience. Bring laptops & chargers and pick your own adventure from the Google Developer Codelabs Site.
Principles
Concepts // Progressive Web Apps
Progressive Web Apps, or PWAs, are experiences that combine the best of the web and the best of apps. They load quickly, help you re-engage with users through notifications, and have other properties you'd normally only associate with native apps.
Find out how others have successfully used PWAs to improve their user experience. Then learn how you can get started with the key concepts behind PWAs, like Service Workers, Web App Manifests, Push Notifications and more.
Principles
Tooling // Lighthouse & WorkboxJS
Service workers are a key technology enabling offline-first experiences in your Progressive Web Apps.
Workbox is a collection of libraries that can help you build a service worker that follows all the best practices. Once you have your service worker in place, you can use Lighthouse to measure key metrics of your web app, to ensure that you keep sailing in the right direction.
Programming | ROOM A
Building With Glitch
Glitch is a friendly community where you can build the web app of your dreams. You can create a node project, or start from a remix. Your app updates on your own url as you type.
Pirijan is the designer of Glitch and develops it's UI. In this talk, he'll outline the design choices behind Glitch and explain how you can build or remix your first app. Attendees are encouraged to explore one of many PWA examples on the site and create their own remixes to share.
Programming | ROOM B
PWA With Angular
Hey you! Yeah you -- you amazing Angular Developer! You've probably heard the term Progressive Web App more than a few times & maybe dreaded learning something new?
That's okay though! It's sooo easy to take your existing Angular app and turn it into a PWA! So join me as we take a simple web app, turn it into a PWA in a few easy steps, and see how much better our apps can be!
Practices
Go Offline First to Save the World
We’re accustomed to great connectivity but what if you need to access important info when you're disconnected?
This session will uncover the approaches used in successful real world examples of Offline First and show you the tools and techniques that will allow you to build the same kinds of things. From supporting hospitals in Africa to providing electric power to Haiti to supporting families in rural Alaska, the Offline First approach to app development is truly saving the world.
Practices
PWAs aren't an evolution or a revolution;
They are alien
When comparing to a traditional client-server web application, or a single page web application, PWAs are not a revolution and only an evolution in-name. Instead, they are alien. I consider them like the Klingon.
They’re definitely human-like, but they’re not an evolution of a human. We both have spines and brains and opposable thumbs, but they’re from a god damn different planet
Practices
The next wave of front-end frameworks
Svelte is a radical new approach to building web apps. It moves the work from the browser to your build tool so that you can make slick, feature-rich, rock-solid experiences that load instantly and keep a low memory profile.
In this talk we'll learn why there's so much excitement in the JS community about 'ahead-of-time' compiler-frameworks, and learn how to build a lightweight, lightning-fast Hacker News PWA using Svelte.
The event is organized by the Google Developer Group NYC (GDG NYC) with the generous support of our partners and sponsors. GDG NYC is the official Google Developers Group in New York City and the largest GDG in the Northeast. We are a 4000+ active community and run events with focus on machine learning, mobile web, internet-of-things, smart assistants & big data. Follow us @gdg_nyc.
GDG NYC is organized by [ Nitya / Ralph / Donna / Lakshma ]. If you are interested in working with as a partner or a sponsor, please get in touch with us! (Email nitya@gdgny.org for more information)
Check out the Progressive Web Apps Training materials for incremental learning of key features and tools. Try out more CodeLabs on your own. We recommend starting with the "Your First PWA" codelab from #IO17
Keep an eye out for other Progressive Web App Events in your neighborhood from the Chrome or Google Developers team. Join a meetup - we suggest GDG NYC for broad awareness and our friends at NYC Progressive Web Apps Meetup for regular events.
Finally, join a Slack and engage with the global PWA community. We recommend our friends at the Progressive Web Apps Slack - hop into their #needhelp channel to ask questions or get help from peers & experts. Signup here: https://bit.ly/join-pwa-slack