Web Components Revolution

Web Components Revolution

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.

1518e6b905d65cbe0a03243a199e18fc?s=128

Saeid Zebardast

July 22, 2016
Tweet

Transcript

  1. Saeid Zebardast Web Components Revolution

  2. None
  3. • • •

  4. • • • •

  5. None
  6. 1. • 2. • 3. •

  7. None
  8. None
  9. None
  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. • • • •

  18. None
  19. None
  20. • • • • •

  21. None
  22. • •

  23. None
  24. • • •

  25. • • • •

  26. • • • • • •

  27. • • • •

  28. Native Polyfill (webcomponents.js)

  29. None
  30. • • • •

  31. None