Meta Refresh 2013

The design and engineering of user interface on the web

Web components and the future of web development

Submitted by Varunkumar Nagarajan on Friday, 18 January 2013


Technical level




Session type




Vote on this proposal

Login to vote

Total votes:  +6


The objective of this session is to learn how to build re-usable web components using the techniques which are currently supported by various browsers, knowing their limitations and understanding what we can expect in the future.


There is a fundamental problem with HTML and JavaScript that makes it hard to build reusable components / widgets - The DOM contents of the component is not encapsulated from the rest of the page. This could possibly lead to collision of IDs; unexpected JavaScript behaviour because of some existing code; broken styles; and so on. Today we overcome most of these problems by following certain conventions and assumptions. "Web Components" is a set of cutting-edge standards to solve these problems.

I will be covering some of the key aspects of building re-usable components: - Templates - Style Encapsulation - Separation of contents from the presentation - Different players of Web components - Templates, Shadow DOM, Observers, etc.

Speaker bio

My name is Varunkumar Nagarajan. A software engineer by profession and a blogger by passion. A web developer. Technology enthusiast. Have four years of industry experience.

Slides from my prev sessions can be found here:




Login with Twitter or Google to leave a comment