This presentation introduces Web Components. It includes the following topics: 0. What's Web Component? 1. Templates 2. Shadow DOM 3. Custom Elements 4. Imports 5. How to use them 6. Browser compatibilities.

1. Saeid Zebardast
Web Components Revolution

3. •
•
•

4. •
•
•
•

6. 1.
•
2.
•
3.
•

10. <moment-js format="YYYY-MM-DD HH:mm:ss"></moment-js>
2016-07-18 00:52:59

11. 1.
2.
3.

12. •
•
•
•

13. •
•
•
•

14. Content

15. •
•
•
•

16. •
•
•
•
•

17. •
•
•
•

20. •
•
•
•
•

22. •
•

24. •
•
•

25. •
•
•
•

26. •
•
•
•
•
•

27. •
•
•
•

28. Native Polyfill (webcomponents.js)

30. •
•
•
•