KIG 31th

Web Components


Chang W. Doh

 
Can you can see me? If you can, I'm sorry for it. It because your browser doesn't support CSS3 'filter' property. But don't worry, 'filter' is a piece of CSS3 specification in Working Draft. You can forget my face soon.

"There's nothing new under the sun"

Basic concepts of component

  1. Reusability
  2. Cohesive
  3. Modularity

Why?

Various ways to implement Component on the web!






"We should modify our website slightly."



Do you love this?

What do we need?

Web Components!

Component System for Web

Quick Overview

4 Pillars

  1. Shadow DOM
  2. Custom Elements
  3. HTML Templates
  4. HTML Imports

Shadow DOM

Custom Elements

HTML Template

HTML Imports

Further readings...

HTML5Rocks: Web Component Tutorials

Some links

Web Components - PART.I

By cwdoh

Web Components - PART.I

Description of 'Web Components'

  • 2,028