Questões de Concurso
Comentadas sobre programação de front end em programação
Foram encontradas 29 questões
Acerca do frontend de um site, notou-se que algumas melhorias poderiam ser feitas de maneira a tornar a visualização da página mais agradável. Uma das sugestões consistia em adicionar sombreados a algumas caixas de texto e criar transições de cores por gradientes. Para alcançar esses objetivos, quais propriedades e (ou) funções do CSS3 poderiam ser corretamente utilizadas?
Perde-se a navegação pelo botão back nas seguintes situações, EXCETO
( ) Quando há necessidade de sobreposição de elementos, é possível controlar a ordem de camadas com a propriedade "z-index". Sendo assim, os elementos com essa propriedade que têm valores mais altos são exibidos mais à frente e com valores mais baixos são exibidos mais ao fundo.
( ) Quando se trata da construção de um layout fluido, deve-se definir os elementos da página web com unidades de medida relativas, tais como pixels, ao invés de unidades absolutas como porcentagens.
( ) A tag <div> foi descontinuada, e não é mais recomendada a sua utilização na construção de estruturas em HTML 5 por conta das tags semânticas.
( ) Um layout responsivo é aquele que se ajusta para otimizar a exibição em dispositivos específicos através da definição de diferentes breakpoints.
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:
I. Seletores que estão associados a um id serão aplicados a um único elemento no documento HTML, e os seletores associados a um class no documento HTML devem ser definidos iniciando pelo símbolo # no CSS.
II. Um seletor que utiliza uma classe tem menor peso do que um seletor que utiliza apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus elementos filhos, a menos que uma regra específica seja aplicada a eles.
IV. Se duas regras conflitantes são aplicadas a um elemento, a que aparece por último no código CSS é a que será aplicada.
( ) A propriedade font-color define a cor de um texto. ( ) A propriedade float permite a utilização dos valores left, center e right. ( ) A propriedade padding é usada para definir a distância entre o conteúdo e a borda do elemento. ( ) A propriedade letter-spacing define o espaçamento entre as letras de uma palavra. ( ) A propriedade background-attachment define uma imagem de fundo para o elemento.
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:
<!DOCTYPE html> <html> <body> <canvas id="c" width="200" height="100"> </canvas> <script> var c = document.getElementById("c"); var ctx = c.getContext("2d"); ctx.beginPath(); ctx.arc(100,50,40,Math.PI,2*Math.PI); ctx.stroke(); </script> </body> </html>
O desenho resultante no canvas, exibido no navegador, é
<!DOCTYPE html> <html> <body> <p id=”texto”></p> <script> document.getElementById(“texto”).innerHTML = (~(5^2))<<2; </script> </body> </html>
O texto na saída apresentado no navegador, ao carregar essa página, é:
<!DOCTYPE html> <html> <body> <p id=”conta”></p> <script> var a = 1; var b = 2; var c = 3; x = a + b * c; y = x % 5; z = Math.pow (y,2); z--; document.getElementById(“conta”).innerHTML = z; </script> </body> </html>
Quando esse programa for aberto por um navegador como o Chrome ou o Edge, será exibido na tela:
Considere a página web a seguir criada com HTML e JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Prova</title>
<meta charset="UTF-8">
</head>
<body>
<p id="exibe"></p>
<script>
const veiculo = {marca: "Mercedes", modelo: "GLA 200", cor: "preto"};
I
</script>
</body>
</html>
Para exibir o modelo do veículo no parágrafo existente na página, a lacuna I deve ser preenchida com