Skip to content

Instantly share code, notes, and snippets.

@diegoeis
Created August 25, 2014 13:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save diegoeis/bcb8dd2809c03dcfc581 to your computer and use it in GitHub Desktop.
Save diegoeis/bcb8dd2809c03dcfc581 to your computer and use it in GitHub Desktop.
The Web Component Ecosystem

The Web Component Ecosystem

Rob Dodson (@rob_dodson)

BrazilJS 2014

  • Web Components Overview, The Ecosystem, Join the Revolution
  • Quais os problemas que o Web Components resolve?
  • Se você desenvolve para web hoje em dia, você precisa planejar seu site para todos os tipos de dispositivos, de todos os tamanhos.
  • Pra um desenvolvedor, você precisa saber quais as necessidades do usuário em cada um desses dispositivos.
  • construir componentes deveria ser simples, mas hoje em dia, até os componentes mais simplórios são complexos de se fazer
  • Você precisa de um bocado de html, jQuery, css para fazer tudo funcionar.
  • São códigos separados e que precisam estar juntos para resolver o problema de fazer determinado componente.
  • Web Components é um pedaço de HTML independente, com funcionalidade embutida. Você não precisa se preocupar nada.
  • Você faz uma vez, e usa em qualquer lugar.
  • Templates, Custom Elements, Shadow DOM, HTML Imports. Estes são os pedaços usados para fazer um Web Component funcionar nos browsers.
  • O Google criou o Polymer para fazer os Web Components funcionarem hoje, até que os browsers suportem tudo plenamente.
  • O Web Components pode resolver o Div Soup que aplicações complexas geram.
  • Templates permite que possamos criar templates nativos.
  • Templates usam DOM como scaffold, ele é parse ado e não renderizado e o conteúdo não é alterado.
  • Shadow DOM é o HTML escondido que faz os componentes do HTML funcionarem. Encapsulated Markup
  • HTML Imports fonts externas
  • Mozilla Brick. https://developer.mozilla.org/en-US/Apps/Tools_and_frameworks/Web_components #braziljs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment