An Introduction to Web Components and Polymer
summary
Polymer is a library layered on the Web Components APIs that provides HTML Imports, templates, Shadow DOM polyfills, and declarative property binding; the talk claims 1.3 million public pages use Polymer, the starter kit has 65,000+ downloads and 300+ internal Google projects, and full apps like Google Play Music and YouTube Gaming are rebuilt with it. It shows building an <alert-banner> using content insertion, a Boolean shown property that toggles a hidden attribute, and tooling: service‑worker elements for caching/push and a Gulp-based build in a Polymer Starter Kit offline‑first workflow.
AI-written summary · about
chapters (25)
- 0:00Introduction
- 0:40Web Components
- 3:24What is Polymer
- 3:59The Goal of Polymer
- 5:43Is Polymer Ready for Production
- 8:23Gaming Portal
- 8:40State of the Ecosystem
- 9:32Alert Banner
- 10:42HTML Import
- 14:09Local DOM
- 15:07Markup
- 19:04Light DOM
- 19:53CSS Selectors
- 24:11Hidden
- 26:13Polymer
- 34:33Polymer Starter Kit
- 40:37Build Process
- 42:28Wrap Up
- 43:18Learn More
- 44:28Documentation
- 45:46Interaction with Parent Page
- 47:40Security
- 50:48Polymer vs Angular 2
- 56:02Performance optimization
- 58:28Serverside rendering
