Web Components are reusable pieces of functionality that integrate with the web platform and can be used just like an <input> or <video> tag (although they don't have to be visible). They are built with JavaScript and HTML.

The technology is defined by four key HTML5 W3C specifications:

Even though these specs make up the concept of Web Components, you don't need browser support for all of them in order to write or use a web component. 

Entries with Topic Web Components .

Writeup of Polymer and Java EE MVC Presentation

The kind folks at RebelLabs have written up my presentation at the Virtual Java User's Group, and also included an interview with me. Check it out on the RebelLabs site.

Presentation: Modern Web Apps with HTML5 Web Components, Polymer, and Java EE MVC 1.0

At JavaOne 2015, I gave a two-hour tutorial about how to use Java EE MVC 1.0 (along with JAX-RS) with Polymer. This year I'm presenting a one-hour version at various locations, including the Richmond Java User's Group, the Virtual Java User's Group, and jDays. Links:

Welcome to knowesis

Component-oriented user interface development has been popular for over twenty years, ever since the introduction of Visual Basic. The promise is simple: packaged reusable code that makes powerful widgets like grids, toolbars, menus, smart input controls, panels, media players, charts, graphs, trees, image viewers, and so on, easy to integrate into applications.
 
On the web, frameworks such as ASP.NET, JSF, Tapestry, Wicket, GWT take advantage of component architectures, and there is no shortage of JavaScript/HTML5 widget libraries such as YUI, KendoUI, jQuery UI, Bootstrap, ExtJS, and so on. Each of these frameworks allows developers to build their own custom components, but those components won’t work outside of the framework. Wouldn’t it be nice if there were a standard way to build a UI component that runs in a browser? A component model that is part of the open web?
 
Finally, there is: Web Components, an emerging standard from the Web Applications Working Group (WAWG). Web Components consists of five different standards: Templates, Custom Elements, Shadow DOM, and HTML Imports. Together, these standards allow you to build custom widgets with HTML5, JavaScript, and CSS that can be used just like native HTML elements.
 
At knowesis.io, I’ll be delving into the world of Web Components, as well as other technologies. Welcome!
Showing 3 results.

Official site

webcomponents.org 

Browser support

caniuse.com

Polyfills

webcompomponents.js (all specs)

Skate (custom elements only)

document-register-element (custom elements only)

Libraries to simplify building Web Components

X-Tag (sponsored by Microsoft)

Polymer (sponsored by Google)

Directories of ready-to-use components

customelements.io

Web Components and Polymer Training

Learn all about Web Components and Polymer in a two-day public course in London.

Or, if you want customized on-site training or consulting, contact virtua.tech.