Nesta palestra é abordado conceitos envolvendo Web Components e exemplos práticos. Nela é avaliado todo o poder que este novo padrão trás consigo e também tópicos relacionados a como utilizá-la desde já de forma funcional, cross-browser e multi-plataforma. Sem dúvidas, depois desta apresentação você ficará fascinado por este novo mundo que está surgindo e que não está tão distante da realidade dos desenvolveres atuais.

2. Beto Muniz
@obetomuniz

3. minasdev.org

4. webcomponents.org

7. Web Components
A revolução do desenvolvimento web

8. O que é?

9. “Web Components é um padrão guarda-chuva
que engloba outros padrões.”
- Eu.

11. Componentizar a Web?

12. OLD!

16. Mas espera aí! Mágico?!
Vamos esquecer os elementos HTML e aprender novos?!

19. Custom Elements
Cria novos elementos. Extende elementos existentes.

21. Template
Pedaço reutilizável e inerte de DOM, ativado
apenas por Javascript.

24. Shadow DOM
Encapsulamento do DOM, Comportamento e Estilos

27. HTML Imports
Empacotamento. Distribuição. Compartilhamento. Reutilização.

28. <iframe>
AJAX
ou

33. Quer dizer...quais browser posso trabalhar com isso?
E o ?

34. Quer dizer...quais browser posso trabalhar com isso?

35. jonrimmer.github.io/are-we-componentized-yet

36. Então não posso colocar em produção!

37. bosonic.github.io

38. x-tags.org

39. polymer-project.org

45. O Material Design

47. #mitos

48. Componentizar é algo novo!

51. Web Components não está pronto
para ser colocado em produção

59. SEO e Acessibilidade, vish!

62. O Angular/Ember atende tudo que
esses padrões pregam.

63. Não é Interoperável

65. E onde estudar?

66. webcomponents.org

67. customelements.io

68. polymer-project.org

70. O futuro da web já foi inventado, basta
começarmos a utilizá-lo.

71. DÚVIDAS?