Loading…

October 10 -12 - Vancouver, BC
Click for Node+JS Interactive Information & Registration

Sign up or log in to bookmark your favorites and sync them to your phone or calendar.

Progressive Web Apps and Offline First [clear filter]
Wednesday, October 10
 

11:00am

Intro to Web Components & Polymer Workshop - John Riviello & Chris Lorenzo, Comcast
Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. With libraries such as Polymer that is built on top of Web Components, it is now possible to easily create fast Progressive Web Apps (PWAs) without the overhead of a framework. This workshop is a hands-on introduction to Web Components and the Polymer library. You will learn how to build your own components with both vanilla JavaScript and Polymer using the newly released Polymer 3.0 library, as well as assemble a simple PWA using existing open source Web Components. John & Chris will also cover Custom Properties (CSS Variables), which are supported natively in all of today's modern browsers and polyfill for older browsers by Polymer, to style our custom elements.

Speakers
avatar for Chris Lorenzo

Chris Lorenzo

Distinguished Engineer, Comcast
Chris has worked at Comcast since 2007 -- currently as a Distinguished Engineer. He enjoys building/motivating teams and ramping up new projects including XFINITY Home and XFINITY xFi using the latest patterns and web primitives. Besides coding in Javascript, he loves spending time... Read More →
avatar for John Riviello

John Riviello

Distinguished Engineer, Comcast
John Riviello created his first hypertext document on the Internet in 1996 and has been obsessed with building for the web ever since. He spends his days as Distinguished Engineer and Lead Front-end Developer at Comcast, where he works on the Xfinity customer websites and web applications... Read More →



Wednesday October 10, 2018 11:00am - 12:50pm
West Meeting Room 121-122

2:20pm

Cross-platform Progressive Web Apps - Simon MacDonald, Adobe
Progressive Web Apps are the new hotness with Google pressing hard to make them the de facto choice for building mobile applications. Support for PWA’s is quite good in Chrome, FireFox, and Edge but what's to be done about Safari and iOS where many of the key API's are not supported. Six months ago I would have told you to wrap your PWA in an Apache Cordova/PhoneGap container to polyfill the missing functionality. Now Apple has moved aggressively to support PWA’s in desktop Safari and iOS 11.3 but there are still some quirks. In this talk, I'll show you how to create a PWA that runs on the web, Android, and iOS from a single code base. Take advantage of some new tools to easily deploy and test your PWA.

Speakers
avatar for Simon MacDonald

Simon MacDonald

Senior Software Engineer, Adobe
Simon has over twenty years of development experience and has worked on a variety of projects including object-oriented databases, police communication systems, speech recognition and unified messaging. His current focus is contributing to the open source PhoneGap project to enable... Read More →



Wednesday October 10, 2018 2:20pm - 2:50pm
West Ballroom C

3:00pm

Bridging the Designer-Developer Gap, PWA Edition - Antoinette Janus, PBS Kids
Progressive web applications are all the rage. React, Vue, and Angular dominate the developer field. Recently, Safari announced support for web manifests in their browser, Chrome support pre-existing the announcement. Job postings require developers to know some level of a web application framework. With all of the mentioned buzz around PWAs, developers strive to include these technologies. Problems lie when communicating this excitement and necessity to designers. This panel shares knowledge about what a PWA is, why they matter, and further why they matter to designers. This talk covers the broad strokes of performance (such as first paint, asset management), a brief walkthrough of a web manifest in terms of a designer, and how website audits (such as lighthouse, sonarwhal) are mutually beneficial to both designers and developers.

Speakers
avatar for Antoinette Janus

Antoinette Janus

Software Engineer, PBS Kids
Antoinette Janus is a Software Engineer at PBS Kids. Outside of work, she is working on multiple projects, including a headless WordPress x React client portfolio rebuild, Daily_ToDo (Electron x React), and many small-scale projects including her Zelda Music Maker (https://acjanus.co/zelda-song-generator... Read More →



Wednesday October 10, 2018 3:00pm - 3:30pm
West Ballroom C
  • Experience Level Any

3:40pm

Service Workers and Their Role in PWAs - Ipsha Bhidonia, Mozilla
Progressive Web Applications have gained unparalleled momentum in the tech world and are currently one of the hottest trends in Web Development. Find out how PWA attempts to combine features offered by most modern browsers with the benefits of mobile experience and how service workers make them fast, reliable & engaging. In this session we dive into what’s in store beyond providing the offline experience, push and background sync features. This talk examines how Service Workers fill the gap between web and native, and how they give better performance and user experiences.

Speakers
avatar for Ipsha Bhidonia

Ipsha Bhidonia

Tech Speaker, Mozilla
Ipsha is a software engineer at Gemalto by profession, a Mozilla tech speaker by heart, and an advocate for a free and open web by passion. She likes traveling to new places and meeting people with different perspectives of the world. When not at work she speaks at technical conferences... Read More →



Wednesday October 10, 2018 3:40pm - 4:10pm
West Ballroom C
 
Thursday, October 11
 

10:20am

Offline First: Making Your App Awesome When the Network Isn't - Teri Chadbourne, Protocol Labs
Let’s get real; networks are flaky, and your awesome web app isn’t so impressive when you lose your connection. From healthcare solutions in the developing world to entertainment for the daily commute, the Offline First approach to web development is transforming the user experience. It’s time to stop treating shoddy connections as an error condition and start building with real-world network constraints in mind. In this beginner-friendly session, you’ll learn to build an offline-capable Progressive Web App using only client-side JavaScript and easy-to-use tools: PouchDB, Apache CouchDB™ and Service Worker. With this simple offline first approach, you’ll treat your users to a super-speedy app that shines in all network conditions and thrives in the real world.

Speakers
avatar for Teri Chadbourne

Teri Chadbourne

Community Manager, Protocol Labs
Teri Chadbourne is a full-stack web developer and developer advocate who's passionate about crafting developer communities through events. A co-organizer of Offline Camp, she's an active contributor to the Offline First movement. Teri is a Community Manager at Protocol Labs, where... Read More →



Thursday October 11, 2018 10:20am - 10:50am
West Ballroom C

3:20pm

Performance Optimizations for Progressive Web Apps - Chris Lorenzo, Comcast
Struggling to get your website to load in less than 5 seconds on a mobile phone? Switching pages are a little sluggish? You’re not alone! Most web developers can build a responsive site, but fail to meet performance requirements for mobile. Using the latest PRPL pattern and Progressive Web API’s, you can provide a compelling alternative to native apps, as long as you focus on performance from the beginning.

This talk will cover why the performance of your site is so important and dive into the Chrome performance tools to explain exactly how a browser loads a site and what causes things to slow down. Lastly, we’ll cover how to create your own PWA with service workers and app installs.

Speakers
avatar for Chris Lorenzo

Chris Lorenzo

Distinguished Engineer, Comcast
Chris has worked at Comcast since 2007 -- currently as a Distinguished Engineer. He enjoys building/motivating teams and ramping up new projects including XFINITY Home and XFINITY xFi using the latest patterns and web primitives. Besides coding in Javascript, he loves spending time... Read More →



Thursday October 11, 2018 3:20pm - 3:50pm
West Ballroom C