by Varunkumar Nagarajan on Friday, January 18, 2013

+1 -1 +6
Vote on this proposal
Status: Confirmed
Section
Process

Session type
Lecture

Technical level
Intermediate

Media

Objective

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.

Description

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: http://slides.varunkumar.me