1. Em qual destas opções representam linguagens que não é possível usar CSS?


XML e XHTML

HTML

HTML e XML

XHTML

Java e XML Ok!

2. Qual destes conceitos não é buscado quando usa PostCss?


Promover o reuso.

Aumentar a organização e facilitar a manutenção.

Evitar o uso de CSS puro e facilitar os métodos de post.

Manter o código limpo e organizado.

Evitar repetição de código. Ok!

3. Sass é:


Uma linguagem de programação backend.

Um pré-processado escrito em Java Script.

Uma extensão escrita em Java Script.

Um pré-processador de CSS e é uma Gem do Ruby. Ok!

Uma ferramenta HTML para processar o Less.

4. Qual item representa uma lista com uma variável e um mixin em SASS?


$cor: blue; e @mixin fundoP($fundo) {background-color:@fundo;}

$cor: blue; e @mixin fundoP($fundo) {background-color:$fundo;}

'@cor: blue; e .defineFundo(@fundo){background-color: @fundo;} Ok!

'@cor: blue; e @defineFundo(@fundo){background-color: @fundo;}

#cor: blue; e @mixin fundoP($fundo) {background-color:$fundo;}

5. Ume Progressive Web App pode ser desenvolvido para se comportar como um app nativo?


Sim, mas ele não pode ser usado offline nem faz notificações push.

Sim, mas ele não fica disponível nas lojas do sistema operacional.

Não, pois não tem acesso aos principais recursos do celular.

Não, o objetivo principal é de ser um pré-processador CSS.

Sim e inclusive fica disponível nas lojas do sistema operacional. Ok!

6. Qual item representa uma lista com uma variável e um mixin em LESS?


'#cor e @defineFundo(@fundo){background-color: @fundo;}

'@cor e @defineFundo(@fundo){background-color: @cor;}

'#cor e .defineFundo(#fundo){background-color: #cor;}

'$cor e @defineFundo($fundo){background-color: $fundo;}

'@cor e .defineFundo(@fundo){background-color: @fundo;} Ok!

7. Qual problema os pré-processadores vierem para sanar?


A falta de possibilidade de uso de HTML e Java Script.

Permitir diminuir a quantidade de ponto e vírgula existente no CSS puro.

Permitir diminuir a quantidade de chaves existente no CSS puro. Ok!

O acesso limitado à alguns recursos.

A falta de dinamismo que há no CSS puro que deixa nosso código extenso e repetitivo.

8. Sobre Styled Components, qual destes itens não é uma vantagem?


Adaptação de estilo de um componente é simples e intuitivo, sem precisar gerenciar vários lugares, às vezes, dezenas de classes.

Exclusão mais fácil de CSS: se excluir um componente não usado, todos seus estilos são excluídos juntos.

Evita erros de nome de classe, têm nomes exclusivos para cada estilo.

Injeta só os estilos necessários, ou seja, diminui a quantidade de código carregada.

É uma biblioteca para React/React Native que permite uso de estilos a nível de componentes.

9. Sobre a comparação de Styled Components e CSS modules, qual opção é mais adequada?


CSS modules não injeta só os estilos necessários, ou seja, aumenta a quantidade de código carregada.

Com Styled Components, o processo que ocorre no processo de build é a alteração do nome de classes e seletores para ter escopo local.

Styled Components, terá arquivos .css, não se usa com Java Script. Ok!

Se você gosta de usar CSS a sugestão é usar CSS Modules e se não gostar muito de usar CSS ou prefere usar dentro do Java Script, Styled Components é melhor opção

Styled Components é quase o CSS puro, porém terá o escopo adequado.

10. Quais destas opções não é uma característica do Shadow Dom?

Permite criar aparência e comportamento de itens sem influenciar os demais.

Permite a manipulação, de uma ramificação da árvore.

Seu nome tem relação com a sombra da árvore de elementos

É uma árvore de nós HTML anexada a um elemento específico.

É uma árvore DOM em Java Script que serve para saber os elementos através de exclusivos retornos booleanos.