Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Components: a chance to create the future

Web Components: a chance to create the future

April 30, 2014 @ SFHTML5

Zeno Rocha

April 30, 2014
Tweet

More Decks by Zeno Rocha

Other Decks in Programming

Transcript

  1. Web Components
    Create the future
    a chance to

    View full-size slide

  2. I’m from Brazil

    View full-size slide

  3. Share!
    Create!
    Learn!

    View full-size slide

  4. But there was no
    starter-kit =/

    View full-size slide

  5. github.com/webcomponents/polymer-boilerplate

    View full-size slide

  6. github.com/webcomponents/x-tag-boilerplate

    View full-size slide

  7. github.com/webcomponents/element-boilerplate

    View full-size slide

  8. What’s
    included?
    We encourage a series of
    best practices like setting
    up a live demo,
    documenting your API,
    maintaining a changelog

    for release purposes, and
    sharing it in a package
    manager.
    Lifecycle
    Grunt
    tasks
    Bower
    config

    View full-size slide

  9. github.com/webcomponents/generator-element

    View full-size slide

  10. Share!
    Create!
    Learn!

    View full-size slide

  11. So people started to
    create elements

    View full-size slide

  12. We needed a place to
    show these elements

    View full-size slide

  13. Bernard
    De Luna
    Djalma
    Araújo
    Eduardo
    Lundgren
    Got some friends together…

    View full-size slide

  14. customelements.io

    View full-size slide

  15. CustomElements.io
    13%
    24%
    14%
    + 170 elements
    + 100,000 pageviews
    North
    America
    South
    America
    Southern/
    Western
    Europe
    Eastern/
    Northern
    Europe
    13%

    View full-size slide

  16. How to add

    an element there?

    View full-size slide

  17. Share!
    Create!
    Learn!


    View full-size slide

  18. What’s the
    main reference

    to learn Web
    Components?

    View full-size slide

  19. And a bunch of awesome people…
    Alex
    Komoroske
    Briza
    Bueno
    Daniel
    Buchner
    Eric
    Bidelman
    Bernard
    De Luna
    Soledad
    Penadés
    Rob
    Dodson
    Eduardo
    Lundgren
    Sindre
    Sorhus
    Pascal
    Precht
    Bruce
    Lawson
    Mathias
    Bynens

    View full-size slide

  20. webcomponents.github.io

    View full-size slide

  21. Highlight great

    articles & talks
    Gather best practices
    Introduce useful
    tools and resources
    Discuss API
    implementations

    View full-size slide

  22. Share!
    Create!
    Learn!

    ✔ ✔

    View full-size slide

  23. The best way to predict
    the future is to create it.

    View full-size slide

  24. Thank you!
    zenorocha.com
    bit.ly/wc-mailing
    Zeno Rocha
    #webcomponents
    @webcomponents
    +WebComponents

    View full-size slide

  25. Stickers \o/

    View full-size slide