Step by step code examples for webcomponents training.
Clone the repo
Start here:
git checkout ce-1
Navigate through tags:
ce-1
- custom elements 1ce-2
- custom elements 2ce-3
- custom elements 3sd-1
- shadom dom 1sd-2
- shadow dom 2t-1
- templates 1t-2
- templates 2i-1
- import 1p-1
- polyfill 1
Feel free to play at every point - you can just checkout to the next tag for clean version of the code :)
http://zdolny.github.io/webcomponents-playground/presentation