by Varunkumar Nagarajan on Friday, 18 January 2013

Vote on this proposal
Status: Confirmed

Session type

Technical level



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: