Polymer Summit 2016
as the organisers put it
Two days of sessions and codelabs on all things Polymer and Web Components - building great components and apps, scaling within an organization, and more.
| title | author | length |
|---|---|---|
| Highlights | 01m | |
Two days of sessions from the Polymer Summit 2016 collect demos, how‑tos and postmortems from the Polymer Team and Googlers, plus case studies from companies… | ||
| VR Recap | Rob Dodson | 05m |
A 360 VR walkthrough of the Polymer Summit 2016 at London's Tobacco Dock shows the venue layout, projection mapping that was finished after an all‑nighter, the… | ||
| Web Developer Story: YOOX NET-A-PORTER GROUP using Polymer & Web Components at scale | Robin Glen | 02m |
NET‑A‑PORTER builds a shared catalog of Polymer web components and ships them into multiple projects, using atomic design to produce reusable pieces that… | ||
| Opening Keynote | Taylor Savage | 26m |
Announces that web components v1 (Shadow DOM and Custom Elements) are shipping cross‑browser (Shadow DOM v1 in Safari 10), reveals a preview of Polymer 2.0… | ||
| Summit Report: What's new at #PolymerSummit | Taylor Savage | 04m |
Polymer announces that customElements v1 and Shadow DOM v1 are shipping natively in Chrome and Safari, and Polymer 2.0 exists as a preview branch on GitHub… | ||
| The Way of the Web | BEN ISSA | 24m |
ING replaces frameworks with Web Components and Polymer, building a pure custom-element frontend plus BFFs that ships as two files (index.html and ing.js)… | ||
| Summit Report – Peter Lubbers | Peter Lubbers | 02m |
Live from registration at Tobacco Dock, a converted early-1800s warehouse in London, the segment lists what the summit actually offers: two days of talks and… | ||
| A Polymer Experience | Wendy Ginsberg | 11m |
A Polymer-built progressive web app called Polymon provides a multiplayer location-based scavenger hunt where attendees scan team members' badges to catch… | ||
| Summit Report – Wendy Ginsberg | Wendy Ginsberg | 02m |
A playable demo of Polymon exists as a location-based scavenger hunt where users collect artist-generated monsters, assemble teams and battle friends… | ||
| Polymer 2.0: Under the Hood | Rob Dodson | 31m |
Polymer 2.0 claims to shrink the library and “do less” by leaning on native v1 Web Components: Custom Elements, Shadow DOM and HTML imports. It demonstrates… | ||
| Summit Report: Polymer Data Flow | Gray Norton | 03m |
Argues that complex Polymer apps benefit from unidirectional data flow rather than two-way binding, shows concrete ports and experiments built from Kevin… | ||
| Polymer 2.0 in 2.0 seconds: Upgrading Projects Large and Small | Peter Burns | 10m |
Polymer 2 introduces hybrid mode so elements run unchanged on Polymer 1 or 2 at runtime, using compatibility shims for renamed APIs (attached → connected… | ||
| Summit Report: Building Chromestatus and Santa Tracker '16 | Eric Bidelman | 02m |
Chromestatus.com is rebuilt as a progressive web app that serves feature status, metrics and samples while running offline and loading faster by using service… | ||
| Polymer Butter and Firebase Jelly | Michael Bleigh | 25m |
PolymerFire shows concrete integrations: use Polymer elements for Firebase Auth (including anonymous auth with account linking to Google/Twitter), Realtime… | ||
| Summit Report: Firebase Cloud Messaging + Polymer | Michael Bleigh | 02m |
Polymer is presented as a component stack for front ends and Firebase as a composable back end (real-time database + authentication). Firebase Cloud Messaging… | ||
| Data Flow in Polymer Elements and Apps | Gray Norton | 27m |
A live chat-view demo implements both distributed bidirectional bindings and a centralized unidirectional model so you can compare trade-offs: bidirectional… | ||
| Summit Report: Linting best practices | Daniel Freedman | 02m |
Demonstrates using eslint and polylint to catch common element errors before runtime, and using web-component tester plus the test-fixture element to run unit… | ||
| Making Chromestatus.com a Lightning-Fast PWA | Eric Bidelman | 28m |
Chromestatus is rebuilt as a fast, offline-capable PWA using Polymer 1.0, an app‑shell on App Engine, Service Worker caching and http/2 push/preload; first… | ||
| Do Less & Be Lazy: Practical Performance Patterns for Polymer | Steve Orvell | 27m |
Claims that meeting RAIL one second needs shrinking both download and render work, measured with webpagetest.org, and shows the PRPL pattern speeds the Polymer… | ||
| Summit Report – Dion Almaer | Dion Almaer | 05m |
Claim: progressive web apps can match native mobile UX if teams ship far smaller, correctly bundled payloads and redesign for constrained devices. Polymer 2… | ||
| Polymer & the Closure Compiler | Sam Thorogood | 17m |
Closure Compiler compiles, typechecks and minifies Polymer code using either SIMPLE or ADVANCED modes; SIMPLE gives type warnings with minimal annotations… | ||
| Production-Ready Polymer Elements - A How-To-Guide | Daniel Freedman | 14m |
Polymer maintains over one hundred elements used across 500+ applications and demonstrates a repeatable pipeline: lint with ESLint and PolyLint, unit-test… | ||
| Practical Performance | Sam Saccone, Paul Irish | 28m |
Starts from a WordPress site that loads in about 9 seconds on 3G, where concatenating scripts increases load to 11.7s and minifying drops it to 7.6s. Uses… | ||
| Interacting with the Physical Web | Scott Jenson | 21m |
An open system broadcasts short URLs from BLE beacons so phones list nearby sites without apps; code uses a Polymer component to load WebBluetooth and pair a… | ||
| Hacking Without Being a Hack | ELLIOTT MARQUEZ | 12m |
Shows how Polymer and web components turn a 3pm-on-Friday hackathon prototype into an extensible app by concrete techniques: use the app-toolbox (routing… | ||
| Monster Apps: Meatscope + Polymon | Chris Joel | 28m |
Builds two web apps: Meatscope (selfie GIF maker) and Polymon (location QR-based monster game). Uses navigator.mediaDevices/getUserMedia, canvas drawImage… | ||
| Summit Report: Building the selfie-GIF web app Meatscope in Polymer | Chris Joel | 02m |
Demo of a browser-built app that records selfie GIFs using standard device input APIs and Polymer components, packaged as a progressive‑style web app users can… | ||
| How I learned to stop worrying and love the Polymer toolbox | Monica Dinculescu | 29m |
A working PWA called mojibrag is built in three days using the Polymer toolbox and Firebase: Polymer CLI Starter Kit, Firebase + Polymerfire for… | ||
| Opening Remarks | Dion Almaer | 08m |
Opening remarks state that Polymer 2 and partner demos like Shop in Polymer aim to make web apps feel native while keeping payloads tiny, citing a Walmart case… | ||
| What's New in Polymer Tools | Justin Fagnani | 49m |
Overview of concrete tooling updates: a new Polymer Analyzer statically parses HTML/JS/CSS (plugin-based) to extract element APIs, imports, properties and… | ||
| Polymer in Practice | Chris Lorenzo, John Riviello | 29m |
Comcast reports building production Polymer apps since 0.3 with over 500 components and consumer sites reaching half a million users (XFINITY Home) and over a… | ||
| Summit Report: The Polymer CLI | Frederick Schott | 03m |
Polymer CLI is a command-line gateway that creates new projects and runs the full developer flow: testing, linting, serving and building optimized production… | ||
| Why the web makes sense for business apps | Marcus Hellberg | 29m |
Vaadin demonstrates concrete work: a library of Vaadin Elements (data grid, combo box, upload, datepicker) running in the browser, an NPM-installable universal… | ||
| Summit Report: Talking Polymer Tools | Justin Fagnani | 03m |
A new tooling stack centers on a core analysis engine that actually parses web components and feeds a linter and bundler, plus an editor service API that… | ||
| From Components to Applications | Robin Glen | 24m |
Yoox Net‑A‑Porter reimplements product listing as composable Polymer components, ships a repo on GitHub, and rolls the app to a beta cohort of high‑end… | ||
| Summit Report: Polymer Codelabs update | Clare Bayley | 02m |
Live update saying Polymer Summit hosts hands-on tutorials called Code Labs that attendees use to build working demos step by step, with codelabs for Polymer… | ||
| Winning the Gold with Web Components | JESIAH MCCANN | 29m |
USA TODAY builds a data-driven Olympics site with Polymer in 30 days, powering schedule, live results, medal tables and athlete bios across dozens of local… | ||
| Sign-in and Payments without Forms | Eiji Kitamura | 16m |
Demonstrates removing form friction by wiring Payment Request API to a Polymer demo store so addresses and cards autofill, then using Credential Management API… | ||
| Summit Report: PolymerFire | Monica Dinculescu | 03m |
Argues for avoiding wheel‑reinvention by reusing Polymer elements and shows authentication reduced to dropping in a Firebase-connected element and calling… | ||
| Flip Switch: Live Code Session - Supercharged | Paul Lewis, Surma Surma | 01h 00m |
Live-coding builds a clickable circular “flip switch” using ES2015, Custom Elements (v1) and Shadow DOM inside an HTML import; it flips a front/back face with… | ||
| Adapting to the Mobile Web F̶u̶t̶u̶r̶e̶ Present | Alex Russell | 37m |
Claim: many web apps ship an order of magnitude too much JavaScript and fail on real phones, so require 3 seconds on 3G on a $200 device for first-interaction… | ||
| Discussion Panel | Rob Dodson | 35m |
Panel answers where Polymer and platform meet: browsers implement HTML imports vs ES6 modules differently, Chrome has imports but others pause pending an… | ||
| nothing matches | ||