Upload
beto-muniz
View
381
Download
5
Embed Size (px)
DESCRIPTION
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.
Citation preview
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.
TemplatePedaç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?