34 lines
2.5 KiB
Markdown
34 lines
2.5 KiB
Markdown
---
|
||
title: Web Components
|
||
localeTitle: Componentes da Web
|
||
---
|
||
## O que são componentes da web?
|
||
|
||
Os componentes da Web são compostos de uma série de especificações da Web criadas pelo [W3C](https://w3c.github.io/) . Essas especificações descrevem um conjunto de APIs de plataforma da web que podem ser usadas para criar elementos HTML reutilizáveis, encapsulados e personalizáveis. Ao expor as APIs da web de baixo nível usadas pelos fornecedores de navegadores para criar os elementos HTML com os quais você talvez já esteja familiarizado, os componentes da Web podem ser usados uma variedade de ambientes. Isso significa que você está trabalhando em um site do Wordpress, um aplicativo renderizado pelo servidor, um Aplicativo de Página Única (SPA) com a estrutura mais recente ou nenhuma estrutura, componentes da web podem ser usados. Pela primeira vez, independentemente de qual estrutura é usada, você pode entender a web como uma plataforma para criar experiências únicas que são facilmente traduzido de uma plataforma para outra.
|
||
|
||
## Especificações de componentes da Web
|
||
|
||
Os componentes da Web são definidos em [quatro especificações principais](https://www.webcomponents.org/introduction#specifications) .
|
||
|
||
* **Elementos personalizados**
|
||
|
||
* A [especificação de elementos personalizados](https://w3c.github.io/webcomponents/spec/custom/) estabelece as bases para projetar e usar novos tipos de elementos DOM.
|
||
|
||
* **DOM da Sombra**
|
||
|
||
* A [especificação Shadow DOM](https://w3c.github.io/webcomponents/spec/shadow/) define como usar estilo encapsulado e marcação em componentes da web.
|
||
|
||
* **Módulos ES**
|
||
|
||
* A [especificação dos Módulos ES](https://html.spec.whatwg.org/multipage/webappapis.html#integration-with-the-javascript-module-system) define a inclusão e reutilização de documentos JS de forma modular, baseada em padrões e de alto desempenho.
|
||
|
||
* **Template HTML**
|
||
|
||
* A [especificação do elemento de modelo HTML](https://html.spec.whatwg.org/multipage/scripting.html#the-template-element/) define como declarar fragmentos de marcação que não são usados no carregamento da página, mas podem ser instanciados mais tarde no tempo de execução.
|
||
|
||
|
||
### Mais Informações:
|
||
|
||
* [Introdução aos componentes da web](https://www.webcomponents.org/introduction)
|
||
* [Manifesto Web Extensível](https://github.com/extensibleweb/manifesto)
|
||
* [Especificação de componentes da Web do W3C](https://w3c.github.io/webcomponents/explainer/) |