Building web applications with Web Components

on YouTube ↗51m

" summary

Web Components reach Version 1 and unify a platform approach built on four standards: template, custom elements, Shadow DOM and HTML Imports (Imports lack broad support). The demo implements a weather-info component as an ES6 custom element that attaches a Shadow DOM in mode open, syncs attributes and properties, emits CustomEvents, and fetches live data from the OpenWeatherMap API with metric/imperial options. Live-coding has glitches but the component and a small Polymer-based app ultimately work and interoperate.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 20:33Component interfaces
3. 44:15Building an application
4. 49:29Summary & Wrap Up

" related talks

• 19mWeb ComponentsJeff Tapper · FITC Web Unleashed 2014
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014
• 46mWhat ever happened with Web Components?Dwane Hemmings · Øredev 2023
• 39mWeb components - A whirlwind tourMartin Naumann · Jazoon TechDays Spring 2016 Bern
• 59mIntroduction to Web ComponentsHoracio Gonzalez · DevFest Nantes 2014
• 36mThe State of Web ComponentsAna Cidre · CityJS Conference 2020
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021