Web Components: Custom Elements, Shadow DOM e Slots

Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.

1. 1

   Quais tecnologias formam a base dos Web Components?

   A Custom Elements, Shadow DOM e templates HTML B Service Workers, WebSockets e Canvas C CSS Grid, Fetch API e módulos JSON
2. 2

   Qual nome pode ser registrado corretamente como um elemento personalizado?

   A perfil B cartao-perfil C CartaoPerfil
3. 3

   Qual método deve ser chamado no elemento hospedeiro para criar a raiz do Shadow DOM mostrada no diagrama?

   

   A createShadowRootNode() B appendShadow() C attachShadow()
4. 4

   O que acontece ao criar uma raiz de Shadow DOM com o modo "closed"?

   A A propriedade shadowRoot do hospedeiro retorna null para código externo B O componente deixa de aceitar eventos do usuário C Todos os estilos internos passam a ser globais
5. 5

   Qual callback do ciclo de vida é executado quando um Custom Element é inserido no documento?

   A createdCallback() B connectedCallback() C mountedCallback()
6. 6

   Como um Custom Element informa quais atributos devem acionar attributeChangedCallback()?

   A Declarando todos os atributos no construtor B Chamando watchAttributes() após renderizar C Retornando seus nomes em observedAttributes
7. 7

   Qual é o comportamento inicial do conteúdo colocado dentro de um elemento template?

   A Permanece inerte e não é renderizado diretamente B É renderizado, mas fica invisível por CSS C É convertido automaticamente em Shadow DOM
8. 8

   No esquema, qual recurso do Shadow DOM cria o ponto de inserção para o conteúdo fornecido pelo usuário do componente?

   

   A O elemento template B O elemento slot C O elemento style
9. 9

   Considerando um cartão projetado em um slot e um span dentro desse cartão, quais nós podem ser selecionados diretamente por ::slotted()?

   

   A Todos os descendentes do cartão, em qualquer profundidade B Somente os descendentes que possuem uma classe CSS C Apenas os nós atribuídos diretamente ao slot
10. 10

    Qual propriedade de um evento personalizado permite que ele atravesse a fronteira do Shadow DOM?

    A composed B cancelable C trusted
11. 11

    Qual é uma vantagem de folhas de estilo construídas e adotadas por adoptedStyleSheets?

    A Elas transformam seletores CSS em atributos HTML B Uma mesma folha pode ser compartilhada por várias raízes compatíveis C Elas permitem que qualquer estilo externo ignore o encapsulamento
12. 12

    Qual configuração permite que um Custom Element participe de um formulário como um controle associado?

    

    A Definir draggable como true e usar FormData global B Adicionar apenas um atributo name ao elemento hospedeiro C Declarar formAssociated como true e usar attachInternals()
13. 13

    Para criar um Custom Element autônomo, qual classe normalmente deve ser estendida?

    A HTMLElement B DocumentFragment C CustomElementRegistry
14. 14

    Qual marcação possibilita declarar uma raiz de Shadow DOM diretamente no HTML, sem depender da criação imperativa inicial em JavaScript?

    

    A Um elemento shadow com o atributo mode B Um template com o atributo shadowrootmode C Uma div com o atributo attach-shadow
15. 15

    Como reutilizar várias vezes o conteúdo de um template sem remover sua estrutura original?

    A Movendo o próprio template para cada componente B Alterando template.innerHTML para uma string vazia após cada uso C Clonando template.content profundamente antes de inseri-lo