Beto Muniz
@obetomuniz
minasdev.org
webcomponents.org
Web Components
A revolução do desenvolvimento web
O que é?
“Web Components é um padrão guarda-chuva
que engloba outros padrões.”
- Eu.
Componentizar a Web?
OLD!
Mas espera aí! Mágico?!
Vamos esquecer os elementos HTML e aprender novos?!
Custom Elements
Cria novos elementos. Extende elementos existentes.
Template
Pedaço reutilizável e inerte de DOM, ativado
apenas por Javascript.
Shadow DOM
Encapsulamento do DOM, Comportamento e Estilos
HTML Imports
Empacotamento. Distribuição. Compartilhamento. Reutilização.
<iframe>
AJAX
ou
Quer dizer...quais browser posso trabalhar com isso?
E o ?
Quer dizer...quais browser posso trabalhar com isso?
jonrimmer.github.io/are-we-componentized-yet
Então não posso colocar em produção!
bosonic.github.io
x-tags.org
polymer-project.org
O Material Design
#mitos
Componentizar é algo novo!
Web Components não está pronto
para ser colocado em produção
SEO e Acessibilidade, vish!
O Angular/Ember atende tudo que
esses padrões pregam.
Não é Interoperável
E onde estudar?
webcomponents.org
customelements.io
polymer-project.org
O futuro da web já foi inventado, basta
começarmos a utilizá-lo.
DÚVIDAS?
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
Próximos SlideShares
Carregando em…5
×

Web Components, A próxima revolução do desenvolvimento web.

727 visualizações

Publicada em

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.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Web Components, A próxima revolução do desenvolvimento web.

  1. 1. Beto Muniz @obetomuniz
  2. 2. minasdev.org
  3. 3. webcomponents.org
  4. 4. Web Components A revolução do desenvolvimento web
  5. 5. O que é?
  6. 6. “Web Components é um padrão guarda-chuva que engloba outros padrões.” - Eu.
  7. 7. Componentizar a Web?
  8. 8. OLD!
  9. 9. Mas espera aí! Mágico?! Vamos esquecer os elementos HTML e aprender novos?!
  10. 10. Custom Elements Cria novos elementos. Extende elementos existentes.
  11. 11. Template Pedaço reutilizável e inerte de DOM, ativado apenas por Javascript.
  12. 12. Shadow DOM Encapsulamento do DOM, Comportamento e Estilos
  13. 13. HTML Imports Empacotamento. Distribuição. Compartilhamento. Reutilização.
  14. 14. <iframe> AJAX ou
  15. 15. Quer dizer...quais browser posso trabalhar com isso? E o ?
  16. 16. Quer dizer...quais browser posso trabalhar com isso?
  17. 17. jonrimmer.github.io/are-we-componentized-yet
  18. 18. Então não posso colocar em produção!
  19. 19. bosonic.github.io
  20. 20. x-tags.org
  21. 21. polymer-project.org
  22. 22. O Material Design
  23. 23. #mitos
  24. 24. Componentizar é algo novo!
  25. 25. Web Components não está pronto para ser colocado em produção
  26. 26. SEO e Acessibilidade, vish!
  27. 27. O Angular/Ember atende tudo que esses padrões pregam.
  28. 28. Não é Interoperável
  29. 29. E onde estudar?
  30. 30. webcomponents.org
  31. 31. customelements.io
  32. 32. polymer-project.org
  33. 33. O futuro da web já foi inventado, basta começarmos a utilizá-lo.
  34. 34. DÚVIDAS?

×