Perguntas Front end - CSS - JAVA

Prévia do material em texto

1. Quando a página for carregada qual será a cor inicial do texto exibido? E qual será sua cor final após o usuário clicar em cima deste texto?
Parte superior do formulário
Alternative:
Inicialmente roxo pelo fato de seu id ter maior especificidade e após o clique o texto ficará azul por causa da alteração em tempo de execução do javascript
Roxo e após o clique permanecerá roxo. 
O css do elemento com o id purple prevalecerá por ter sempre maior especifidade
Verde porque seu css engloba toda a div e depois o texto ficará azul por causa da alteração em tempo de execução do javascript
A cor inicial não pode ser definida pois o resultado dependerá do browser no qual o código será executado. A cor final do texto após o clique continuará a mesma.
Vermelho porque seu css engloba todo o parágrafo e continuará vermelho após o clique
Parte inferior do formulário
2. Considere o seguinte trecho de código:
Um programador atento analisou o código e levantou as seguintes afirmações:
I- Esse código com certeza levantará um erro e não funcionará
II- Se ‘hello’ é uma variável global, esse código funcionará e mudará o valor dela
III- A saída será Hello World!!
Pode-se afirmar que:
Parte superior do formulário
Alternative:
Apenas a III está correta
Todas as afirmações estão erradas
I e III estão corretas
II e III estão corretas
 Apenas a II está correta
Parte inferior do formulário
3. Qual a diferença entre var, let e const?
Alternativa:
A: const tem um escopo global de projeto, var tem o escopo de função e let apenas para definir variáveis para métodos recursivos
B: var e let são iguais, com a diferença de que o let não pode ser NULL
C: const são as constantes predefinidas de sistema, var está no escopo da função e let no escopo da linha
D: var está no escopo de todo o código, let apenas no escopo da função atual e const não pode ser alterado
E: const indica que o identificador não poderá ser alterado, let só pode ser usado pelos blocos irmãos e var pode ser usado e ressignificado por todos.
4. Qual a utilidade de se adicionar um ‘use strict’ no começo do seu código JavaScript?
Parte superior do formulário
Alternative:
Indicar que o código a ser lido deve ser interpretado no ‘strict language’ ou linguagem estrita, onde algumas regras de sintaxe diferem do JavaScript normal
Indicar que o código a ser lido deve ser interpretado no ‘strict mode’, ou modo estrito, onde algumas ‘liberdades’ do JavaScript normal levantam erros
Nenhuma, serve apenas para interpretação de compiladores
Nenhuma das opções acima Nenhuma, serve apenas para a interpretação de transpiladores
Parte inferior do formulário
5. Arquivos .htaccess compreendem diretivas que podem fazer mudanças em configurações​ ​a​ ​nível​ ​de​ ​diretório,​ ​sobre​ ​eles​ ​assinale​ ​a​ ​afirmação​ ​incorreta.
Parte superior do formulário
Alternative:
O uso do .htaccess para o controle de autenticação não é a melhor solução
​AllowOverride​ ​All​ ​fornece​ ​sobrescrita​ ​total​ ​sobre​ ​o​ ​.htaccess
As diretrizes são aplicadas independente da ordem em que são encontradas​ ​na​ ​árvore​ ​de​ ​pastas
A linha AccessFileName .setup permite que .htaccess pode ser alterado para​ ​.setup​“a”​ ​e​ ​“b”​ ​estão​ ​incorretas
6. Na web há vários formatos disponíveis para exibição de elementos gráficos,
entre eles, existem os gráficos rasterizados, que se baseiam em uma grade de
pixels, e os vetores, que podem trazer diversos benefícios em detrimento dos
gráficos rasterizados. Com relação ao formato vetorial, analise as afirmações
a seguir e assinale a alternativa correta:
I. Um arquivo svg pode conter elementos como linhas, texto e bitmaps.
II. O formato .svg é baseado em XML.
III. SVG é uma sigla para Simplified Vector Graphics.
IV. Um arquivo svg só pode ser usado em uma página web através de
arquivo externo “.svg”, não podendo ser utilizado inline.
V. Um arquivo .svg pode ser definido inline em um arquivo .html.
VI. Um arquivo .svg, quando incorporado através da tag, pode ser
estilizado usando-se css.
Parte superior do formulário
Alternative:
I, V e VI
III, V e VI
I, II e VI
II, IV, V e VI
I, II e V
7. Em HTML5 as tags article e section servem para, respectivamente:
Parte superior do formulário
Alternative:
Envolver um conteúdo independente e auto contido, que faz sentido por si só e uma seção dentro de conteúdo, como um capítulo, um cabeçalho ou um rodapé.
Envolver uma parte de um texto muito importante que não deve se repetir em nenhum outro lugar do site e agrupar elementos lógicos juntos.
Envolver uma parte do código que tem seu conteúdo servido pelo Back End e apenas um sinônimo para uma <div>.
Nenhuma das opções anteriores.
Uma seção dentro de conteúdo, como um capítulo, um cabeçalho ou um rodapé e envolver um conteúdo independente e auto contido, que faz sentido por si só.
8. ​Considere​ ​as​ ​seguintes​ ​afirmações​ ​sobre​ ​a​ ​definição​ ​de​ ​cor​ ​de​ ​textos​ ​usando apenas​ ​HTML:
I-​ ​É​ ​considerado​ ​uma​ ​boa​ ​prática
II-​ ​Pode​ ​ser​ ​feito​ ​apenas​ ​passando​ ​o​ ​atributo​ ​color​ ​e​ ​especificando​ ​a​ ​cor
para​ ​qualquer​ ​elemento
III-​ ​É​ ​uma​ ​propriedade​ ​específica​ ​do​ ​HTML​ ​5
Julgue​ ​as​ ​afirmações​ ​corretas:
Parte superior do formulário
Alternative:
Nenhuma​ ​das​ ​afirmações​ ​acima
I,​ ​II​ ​e​ ​III
I​ ​e​ ​III​ ​apenas
III​ ​apenas
II​ ​e​ ​III
9. As tags <iframe>, <object> e <embed> tem como função principal
respectivamente:
Parte superior do formulário
Alternative:
Incorporar outra página web, representar um recurso externo (áudio, pdf, ou uma aplicação swf), integrar uma aplicação externa ou plugin.
Incorporar outra página web, representar um recurso externo (áudio, pdf, ou uma aplicação swf), inserir uma imagem.
Representar um recurso externo (áudio, pdf, ou uma aplicação swf), incorporar outra página web, integrar uma aplicação externa ou plugin.
Representar um recurso externo (áudio, pdf, ou uma aplicação swf), integrar outra página web, integrar diversas páginas web.
Incorporar outra página web, representar um recurso (áudio, pdf, ou uma aplicação swf) externo, integrar diversas páginas web.
10. Qual a diferença entre inline logic tags e inline physical tags ?
Parte superior do formulário
Alternative:
logic inline tags estão defasadas, comparadas com as physical tags.
Podem ser definidas previamente no header da página
physical descreve para o browser o significado do texto, enquanto que logic modifica o texto
logic descreve para o browser o significado do texto, enquanto que physical modifica o texto , como por exemplo, <i> e <strong> respectivamente.
Cumprem a mesma função
11. O​ ​atributo​ ​“src"​ ​de​ ​um​ ​elemento​ ​do​ ​tipo​ ​“img"​ ​pode​ ​ser​ ​utilizado​ ​para​ ​quais tipos​ ​de​ ​caminhos​ ​para​ ​a​ ​imagem​ ​a​ ​ser​ ​mostrada?
I​ ​-​ ​Para​ ​imagens​ ​localizadas​ ​na​ ​mesma​ ​pasta.
II​ ​-​ ​Para​ ​imagens​ ​localizadas​ ​dentro​ ​do​ ​projeto;
III​ ​-​ ​Para​ ​imagens​ ​disponíveis​ ​na​ ​internet;
Parte superior do formulário
Alternative:
I​ ​e​ ​III
Nenhuma
I​ ​e​ ​II
II​ ​e​ ​III
Todas
12. A animação em páginas web é fundamental para uma experiência fluida. Para
definir uma sequência de animação CSS é usada a propriedade animation,
quais são as suas sub-propriedades?
Parte superior do formulário
Alternative
animation-delay, percentage, animation-duration, animation-iteration-count, animation-name, animation-play-state, @keyframes, animation-percentage
animation-delay, animation-direction, animation-duration, animation-iteration-count, animation-name, animation-play-state, animation-timing, animation-fill-mode.
@keyframes, animation-percentage, animation-duration, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, animation-fill-mode.
@keyframes, animation-direction, animation-duration, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, animation-percentage.animation-delay, animation-direction, animation-duration, animation-iteration-count, animation-name, animation-play-state, animation-timing-function,animation-fill-mode.
Qual a cor final do texto?
Parte superior do formulário
Alternative:
Roxa, porque o id definido é o que tem a maior especificidade.
Vermelha, porque a classe está sendo aplicada no parágrafo.
Verde, porque a classe do elemento pai define essa cor.
Aleatória, recarregando o site você pode ver o elemento mudar de cor.
Roxa, porque estilos com id definidos sempre tem maior prioridade.
13. Com a grande quantidade de dispositivos no mercado, projetar uma página
que possa ser acessada por todos passou a ser um trabalho árduo. Em tempo
alguns termos como responsividade e adaptatividade começaram a fazer
parte do dia a dia de desenvolvedores e designers no mundo todo. Porém,
embora os termos englobam um mesmo conceito geral, eles produzem
resultados distintos. Quais são as suas diferenças?
Parte superior do formulário
Alternative:
Responsividade e adaptividade são conceitos otimizados para a flexibilidades das páginas, observando apenas que o adaptivo está defasado.
O design adaptivo se adapta a tela e o responsivo além de se adaptar, também é mais interativo, exigindo entradas do usuário.
O design responsivo atualiza o tamanho dos elementos da tela a qualquer momento independente do tamanho da tela, enquanto que o adaptivo se baseia no dispositivo e restringe o layout ao tamanho específico do dispositivo.
O adaptivo controla o tamanho dos elementos exclusivamente através da largura, enquanto que o responsivo considera altura e largura.
O responsivo responde ao tamanho da tela atual no momento atual, o adaptivo se adapta ao dispositivo atual.
14. No CSS, para importar uma stylesheet, se utiliza qual das declarações abaixo?
Parte superior do formulário
Alternative:
@charset !important
@import-charset
@charset
@font-face
@import
  
15. O​ ​que​ ​o​ ​código​ ​abaixo​ ​faz?
.header {
border: 1px solid #ffffff;
}
header {
background-color: #333333;
}
header ~ .header {
border: 1px solid #ff0000;
}
Parte superior do formulário
Alternative:
Seleciona todos os elementos header precedidos por classes header​ ​e​ ​define​ ​bordas​ ​vermelhas
Seleciona todos os elementos com a classe header e deixa o fundo cinza,​ ​todos​ ​os​ ​header​ ​terão​ ​bordas​ ​verdes
Seleciona todas os elementos com classes header e define fundo cinza,​ ​seleciona​ ​todos​ ​os​ ​elementos​ ​header​ ​e​ ​define​ ​bordas​ ​pretas
Seleciona todas as classes header colocando bordas pretas, todos os elementos header e define fundo cinza e seleciona todos os elementos com classes header precedidas por elementos header e define​ ​bordas​ ​vermelhas
seleciona todos os elementos header e define bordas azuis, seleciona todos os elementos com classe header e define background​ ​branco​ ​e​ ​bordas​ ​cinzas
16. O CSS oferece várias opções de elementos voltados ao design de
interfaces para pessoas com deficiências visuais. Uma delas é a leitura da
página por uma voz sintética, e para que isso seja usado, qual alternativa
melhor representa a forma de se definir essa funcionalidade?
Parte superior do formulário
Alternative:
Usando @media speech
Usando @media voiceover
Com o fato de usar um @media, a funcionalidade já é ativada
O CSS3 já possui habilitado e configurado por padrão.
body { speak: normal }Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário
Parte inferior do formulário