Transferir como PDF, PPTX
Mais conteúdo relacionado
Web components
- 1. Web Components Descubra o conceitoda nova Web
- 2. Diego Melo Full Stack Developer- Universidade Tiradentes
- 3. O que é? O conceito deWeb Components é bem simples, basta imaginar que tenhamos que reaproveitar um conjunto de camadas como Controller e View em algum momento na nossa aplicação e ao invés de duplicarmos as mesmas, as agrupamos em um Component para possamos reutilizá-lo quando quisermos.
- 4. Como são compostos? Eles são compostospor 4 especi cações, sendo elas: Templates Custom Components Shadow DOM Imports
- 5. Templates De nem pedaçosde código(HTML) que são totalmente inertes à página até que seu Javascript os ative, ou seja, o template não existirá na página até que você necessite.
- 6. <div class="uma-classe"> <h1>Um título</h1> <p>Loremipsum dolor sit amet, consectetur adipisicing elit.</p> </div>
- 7. Custom Elements São elementos customizados,onde permite-nos criar tags diferentes dos canônicos como "body", "input" ou "div" e injetar os templates dentro das mesmas.
- 8. <top-menu name="Menu principal"> //código do menu </top-menu>
- 9. Shadow DOM É onde umaparte do código do seu elemento é encapsulada e escondida pelo browser, ou seja, não é visível no código normal do DOM, mas que monta todo seu componente “por baixo dos panos”.
- 10. Imports Uma vez tendoum trecho de DOM isolado, com estilos e comportamentos independentes de outros componentes, agora precisamos empacotar isso. E para isso servem esses imports que declara os arquivos e dependências do componente para que eles possam ser lidos posteriormente.
- 11.
- 12.
- 14.
- 16.
- 17.
- 18.
- 20.
- 22.
- 24.
- 26.
- 27.
- 29.