“Don’t stop thinking about tomorrow”
summary
Demonstrates building a real Web Component called ngduo element using HTML Templates, Shadow DOM, Custom Elements and HTML Imports; integrates with AngularJS by reflecting properties to attributes and observing changes with mutation observers, using the existing angular-bind-polymer shim to call scope.apply. Notes a live demo glitch (server restart fixes it), explains Angular 1.x has no native awareness of components, and that Angular 2 proposals favor property binding and event callbacks (no implicit two‑way binding).
AI-written summary · about
chapters (6)
- 0:00Start
- 2:33Web Components are a collection of standards that change the way we build web applications.
- 5:35Shadow DOM gives us DOM tree encapsulation and style boundaries.
- 9:13Custom Elements allow web developers to define new types of HTML elements.
- 14:07AngularJS & Web Components
- 24:04AngularJS + Web Components (tomorrow)
related talks
01h 18mA Deep Look At Angular Elements
25mI'm with Web Components and Web Components Are with Me
48mBuilding reusable Web components with Angular
25mWeb components with Angular: The what, the why and the how.
47mTaking over the web platform with Angular 2
33mBuild Web Components with Angular Elements
28mAngular and Webcomponents
19mWeb Components with Angular Elements: Beyond the Basics