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

videocam_off

Technical level

Intermediate

Section

Process

Session type

Lecture

Status

Confirmed

Vote on this proposal

Login to vote

Total votes:  +6

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

Links

Slides

http://slides.varunkumar.me/webcomponents/index.html

Comments

Login with Twitter or Google to leave a comment