The Complete Guide to Web Components

• Component approach
  • What are Web Components
  • Why Use Web Components?
• Custom Elements
  • Creating Your First Component
  • Component Lifecycle
  • Attributes and Properties
  • Advanced Techniques
  • Disadvantages of Custom Elements
  • Built-in elements
• HTML Templates
  • Creating template Elements
  • Cloning HTML Templates
  • Dynamic Content
• Shadow DOM
  • Basics
    • Light DOM
    • Built-in Shadow DOM
    • Harmony DOM
  • Creation
    • Custom Shadow DOM
    • Imperative Approach
    • Declarative Approach
    • Open vs Closed Modes
  • Interaction
    • Slots
    • Сustomizing styles
    • Events