Presentations
Templates
Features
Teams
Pricing
Log in
Sign up
Log in
Sign up
Menu
KIG 31th
Web Components
Chang W. Doh
Chang W. Doh
HTML5Rocks/KO
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
Reusability
Cohesive
Modularity
Why?
Various ways to implement Component on the web!
cc
@Eric Bidelman's slides
"We should modify our website slightly."
Do you love this?
What do we need?
Web Components!
Component System for Web
Quick Overview
4 Pillars
Shadow DOM
Custom Elements
HTML Templates
HTML Imports
Shadow DOM
Custom Elements
HTML Template
HTML Imports
Further readings...
HTML5Rocks: Web Component Tutorials
Shadow DOM 101
Shadow DOM 201: CSS & Styling
Shadow DOM 301: Advanced Concepts & DOM API
HTML Imports: #include for Web
Custom Element: Defining new elements in HTML
HTML’s new Template Tag: Standardizing client-side templating
Some links
Introduction to Web Components
webcomponents.github.io
Polymer Project
Mozilla Brick
Yeoman.io
Web Components - PART.I
By cwdoh
Made with Slides.com
Web Components - PART.I
Description of 'Web Components'
2,107
cwdoh
Learning everything from everywhere.
github.com/cwdoh
cwdoh
More from
cwdoh