Polymer

Web Compontens

 

  1. Custom Elements
  2. HTML Imports
  3. HTML Templates
  4. Shadow DOM

Custom elements

<input type="text">

 

<map location="poland"></map>

 

<blink>I'am blinkng!</blink>

HTML Imports

<link rel="import" href="component.html">

HTML Templates

<template id="productrow">
  <tr>
    <td class="record"></td>
    <td></td>
  </tr>

</template>

Shadow DOM

Text

Caveat emptor! 

Czym jest Polymer?

Polyfill

Histora

Histora

Histora

Histora

Histora

Dropdown - API

Dropdown - Markup

Dropdown - Kod

Kolejny komponent

Kolejny komponent

Ciekawostka

Ciekawostka

Problemy

Wydajność

Problemy

Wsparcie

Problemy

Development

Problemy

  1. Enkapsulacja

  2. Wygodne użycie komponentów

  3. Wygodny development

  4. Semantyczny HTML

Podsumowanie

Zalety

  1. Wydajnośc polyfilli

  2. Nieprzewidywalność

Podsumowanie

Wady

Made with Slides.com