Teste_ Reavaliação

Prévia do material em texto

17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 1/15
Reavaliação
Iniciado: 17 dez em 14:13
Instruções do teste
INSTRUÇÕES DA REAVALIAÇÃO
A prova tem a duração de 90 minutos e se realizará das 14h às 19h30min, horário de Brasília.
Ao clicar em REAVALIAÇÃO, no menu “tarefas” você iniciará a prova. A partir daí você deverá realizar a
avaliação valendo-se de 1 (uma) única tentativa.
Ao final da reavaliação não se esqueça de enviá-la clicando no botão “ENVIAR TESTE”. Só utilize esse
botão quando tiver finalizado a avaliação.
Não deixe para começar no final do turno, pois assim você terá menos tempo para a realização da
avaliação. Exemplo: a prova se encerra as 19h30min, se o aluno começar às 19 horas terá somente 30
minutos para a realização.
Atenção: mesmo abrindo e fechando o navegador o tempo de realização continuará contando após
iniciada a Reavaliação.
Utilize preferencialmente o navegador Google Chrome.
Caso sua Reavaliação possua questões discursivas que requeiram um envio de arquivo, anexe o arquivo
em formato PDF.
 
ATENÇÃO: Todas as provas iniciadas e que não houverem sido submetidas, serão automaticamente
encerradas pelo sistema transcorridos os 90 minutos de duração.
 
Boa Prova!
2,5 ptsPergunta 1
<meta http-equiv="refresh" content="30">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta src="site.js" language="javascript">
<meta charset="iso-8859-1">
O elemento meta do HTML tem o propósito de definir metadados associados a uma página.
Todas as alternativas abaixo são opções válidas de elementos meta, exceto:
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 2/15
2,5 ptsPergunta 2
input
b
header
nav
ul
strong
table
form
label
select
Ao apresentar os elementos de uma página Web, o navegador da Web verifica se o
elemento é do tipo inline (dispostos em linha) ou do tipo block (dispostos ocupando toda a
extensão do navegador). Essa característica está associada à propriedade display do CSS.
Dentre as opções abaixo, marque todos os elementos que são originalmente BLOCK: 
2,5 ptsPergunta 3
Escolha a combinação correta de opções nos espaços em branco para montar um link na
sua aplicação Web que permita ao usuário clicar sobre a logo da PUC Minas e abrir o site
da Universidade em uma nova janela do navegador da Internet.
<div>
 < a href ="https://pucminas.br" 
onclick = _blank >
 < img src
="logo_pucminas.jpg" alt ="Logotipo da PUC Minas">
 </ a >
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 3/15
</div>
 
2,5 ptsPergunta 4
Permite que seja criado um seletor específico na linguagem CSS para associar declaraçõesde
propriedades de estilo ao elemento div ao qual o id está associado.
É utilizado para indicar a posição em que o elemento será renderizado pelo navegado napágina em
questão.
Trata-se de um atributo que aplica um identificador único associado ao elemento div que
odiferencia de todos os demais elementos da página HTML.
Trata-se de um atributo que pode aparecer em qualquer elemento da linguagem HTML, seja a DIV
em questão ou outro elemento qualquer.
Considerando o código na linguagem HTML 5 a seguir, assinale a reposta que traz uma
afirmativa incorreta quanto ao termo "id" no trecho de código.
<div id="logo_site">
 <img src="acme.png" width="200px">
</div>
 
2,5 ptsPergunta 5
O seletor # refere-se a um conjunto de elementos a ser formatado da mesma maneira.
Um elemento HTML aninhado dentro de outro receberá, do CSS, a formatação deste último
É possível especificar regras tanto para formatação de elementos individuais como de conjuntos de
elemento no mesmo arquivo CSS.
Uma página web pode ter apenas um arquivo CSS de formatação de estilo.
Em relação ao uso de cascading style sheets (CSS) na formatação de páginas web, é
correto dizer que:
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 4/15
2,5 ptsPergunta 6
.box-noticia p:first-of-type
#destaque p:first-of-type
.box-noticia:first-of-type p
.box-noticia h3 + p:first-of-type
p:first-of-type
Você está implementando um site de notícias em que uma parte do site apresenta 3 blocos
de notícias identificados pela classe box-noticia. O código HTML para esta parte é
apresentado a seguir:
<div id="destaque">
 <div class="box-noticia">
 <h3>Titulo 1</h3>
 <p>Lorem, ipsum dolor sit amet elit</p>
 <p>Officiis, ratione eligendi praesentium, aspernatur cupiditate.</p>
 </div>
 <div class="box-noticia">
 <h3>Titulo 2</h3>
 <p>Omnis eum qui, autem iste perferendis</p>
 <p>Aliquid dignissimos, adipisci quaerat laudantium fuga repellendus.</p>
 </div>
 <div class="box-noticia">
 <h3>Titulo 3</h3>
 <p>Magnam accusantium quam saepe corporis</p>
 <p>Ratione eligendi praesentium, aspernatur cupiditate omnis eum qui.</p>
 </div>
</div>
Com base no código HTML, para criar uma regra de CSS que altere as propriedades dos
primeiros parágrafos de todos os blocos de notícias (identificado pela classe box-noticia),
sem alterar os segundos parágrafos destes blocos é possível utilizar todos os seguintes
seletores, exceto:
2,5 ptsPergunta 7
Todos os elementos "div" e "p".
Os elementos "p" que vierem dentro de elementos "div".
Para a regra de estilo da linguagem CSS a seguir, quais elementos terão seu conteúdo de
texto formatado com a cor de texto vermelha?
div, p { color: red }
 
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 5/15
Os elementos "div" de id que traga o valor "p".
Os elementos "div" que vierem dentro de elementos "p".
2,5 ptsPergunta 8
red e green
red e blue
green e orange
green e green
green e blue
Considerando o código a seguir, responda a alternativa correta para as cores aplicadas
aos textos "Política em pauta" e "Congresso aprova PEC 123", respectivamente:
<style>
 h2 { color: blue }
 .destaque { color: green }
 article { color: black }
 aside h2 { color: red }
 article h2 { color: orange }
</style>
<section>
 <h2>Notícias<h2>
 <article>
 <h2 class="destaque">Política em pauta</h2>
 <aside>
 <h2>Congresso aprova PEC 123</h2>
 </aside>
 </article>
</section>
 
2,5 ptsPergunta 9
Ao criar uma regra de formatação na linguagem CSS, utilizamos diversos componentes
para a montagem do seletor, tais como: elementos HTML, atributos id, atributos de classe,
outros atributos, pseudo classe, pseudo elementos e símbolo universal (*), símbolos de
combinação (+, ~, >).
No cálculo da especificidade de regras de um código CSS, os componentes do seletor da
regra podem contribuir para o peso final do seletor permitindo ao navegador identificar a
regra que efetivamente será aplicada aos elementos correspondentes na página HTML. 
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 6/15
atributo de classe
elemento HTML
símbolo universal
símbolo de combinação (+)
atributo id
Dito isto, dos itens apresentados nas alternativas abaixo, qual o item possui o MAIOR peso
no cálculo de especificidade de uma regra. 
2,5 ptsPergunta 10
!override
!important
!priority
!main
Na linguagem CSS, para sobrepor uma regra prioritária, basta adicionar o seguinte texto à
declaração de estilo:
3 ptsPergunta 11
Ativar o layout flex, comprimir os elementos quando não conseguir alocar, espaçar igualmente os
elementos entre si na horizontal e centralizar os elementos na vertical.
Ativar o layout flex, quebrar a linha quando não conseguir alocar os elementos, espaçar igualmente
os elementos entre si na horizontal e centralizar os elementos na vertical.
Ativar o layout flex, comprimir os elementos quando não conseguir alocar, espaçar igualmente os
elementos entre si na vertical e centralizar os elementosna horizontal.
Sobre layouts Flex o que determina a classe, assinale a alternativa correta:
.header {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 7/15
Ativar o layout flex, quebrar a linha quando não conseguir alocar os elementos, espaçar igualmente
os elementos entre si na vertical e centralizar os elementos na horizontal.
3 ptsPergunta 12
É um sistema que divide áreas em um módulo de 12 unidades.
Utiliza os prefixos sm, md, lg, xl nas classes das colunas para expressar breakpoints específicos.
O usuário deve escolher um tipo especifico de prefixo (sm, md, lg, xl) para todos os componentes
da sua aplicação.
A estrutura padrão do sistema de GRID do Bootstrap deve seguir a hierarquia: container, row,col.
Sobre o sistema de GRID da Framework Bootstrap é incorreto afirmar:
3 ptsPergunta 13
Modelo orientado a componentes construídos em porcentagem.
É um modelo mais simples de ser implementado do que o responsivo
Modelo orientado a componentes construídos em pixel.
Ajusta a qualquer tamanho de viewport.
Sobre layouts líquidos identifique o item que não corresponde a uma característica desse
padrão.
3 ptsPergunta 14
Será executada em tela quando a largura for 600 pixels ou 1024 pixels.
Será executada em tela quando a largura for 600 pixels até 1024 pixels.
A Media Query
@media screen and (min-width:600px) and (max-width:1024px){ } 
estabelece que:
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 8/15
Será executada em tela quando a largura for 600 pixels e 1024 pixels.
Será executada em tela quando a largura for 600 pixels e não for 1024 pixels.
3 ptsPergunta 15
Cria 3 colunas com a fração ideal de largura.
Cria 3 colunas com larguras idênticas.
Divide uma fração em 3 colunas.
Pode ser expresso também por grid-template-columns: 1fr 1fr 1fr;
Sobre o exemplo atributo grid-template-columns: repeat(3, 1fr); do CSS Grid é incorreto
afirmar:
4 ptsPergunta 16
let soma = function(a, b) => { return a + b };
let soma = (a, b) => return a + b;
let soma = function(a, b) => a + b;
let soma = (a, b) => a + b;
Qual declaração abaixo pode ser usada para substituir a seguinte função anônima em
JavaScript:
let soma = function(a, b) {
 return a+b;
}
4 ptsPergunta 17
Em JavaScript, qual é a instrução correta para selecionarmos o parágrafo abaixo, que faz
parte de um documento HTML:
<p id="titulo">Introdução</p>
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 9/15
document.getElementById('titulo')
document.getElementsByTagname('titulo')
document.querySelectorAll('titulo')
document.querySelector('titulo')
4 ptsPergunta 18
focus
input
blur
change
Em um formulário, é necessário controlar o número de caracteres preenchidos pelo usuário
em um determinado campo do tipo <textarea> . A cada caráter preenchido, o número de
caracteres ainda restantes deve ser apresentado para o usuário, da seguinte forma:
O código HTML para geração desse campo é:
<p>
 Deixe sua mensagem: <br/>
 <textarea type="text" id="mensagem"></textarea><br/>
 <small class="instrucao">140 caracteres restantes</small>
</p>
Qual é o evento desse elemento que deve ser usado para que o número de caracteres
restantes seja atualizado a cada caráter preenchido pelo usuário no campo?
4 ptsPergunta 19
Considere a seguinte situação em que um vetor é declarado com 2 elementos e, em
seguida, recebe um novo valor.
let lista = [3, 2];
lista[4] = 5;
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 10/15
undefined
null
0
ReferenceError
Qual será o valor apresentado pelo console, quando executamos o seguinte comando:
console.log( lista[3] );
4 ptsPergunta 20
$('img').onclick = imagemClicada;
$('img').click(imagemClicada);
$('img').click(imagemClicada());
$('img').click = imagemClicada;
Em jQuery, qual das seguintes operações associa corretamente uma função imagemClicada
(não apresentada aqui) ao evento click de um conjunto de imagens?
4 ptsPergunta 21
Considere que uma determinada página contém a seguinte lista de parágrafos:
<p class="acerto">Questão 1</p>
<p class="acerto">Questão 2</p>
<p class="erro">Questão 3</p>
<p class="acerto">Questão 4</p>
<p class="erro">Questão 5</p>
Complete o código jQuery do trecho abaixo, de tal forma que os parágrafos da classe "erro"
fiquem com letras vermelhas.
$(document).ready(function () {
 $('p'). filter ('.erro').css('color', 'red');
});
 
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 11/15
Observação: não use nenhum espaço em branco e use apenas letras minúsculas na
sua resposta, pois a correção é automática.
4 ptsPergunta 22
Com o AJAX as páginas são recarregadas do servidor de forma mais ágil a cada interação do
usuário
Embora o JavaScript faça parte da sigla, é possível implementar AJAX utilizando apenas os novos
recursos do HTML 5
Em função do AJAX as mudanças na página são feitas por meio da manipulação do DOM
Para implementar AJAX, os dados trocados com o servidor devem obedecer o formato XML
AJAX (Asynchronous JavaScript and XML) é uma forma de se desenvolver aplicações Web
que se baseia no uso de uma série de tecnologias dar maior interatividade aos usuários.
Nas alternativas que se seguem, marque aquela que traz uma afirmação correta sobre a
implementação de AJAX nas aplicações Web.
4 ptsPergunta 23
Solicitações assíncronas são aquelas que utilizam uma função de retorno executada assim que a
resposta chega, sem bloquear o cliente
Solicitações assíncronas são aquelas que não recebem resposta imediata do servidor e não
bloqueiam o cliente
Solicitações assíncronas são aquelas que bloqueiam o cliente até que a resposta seja recebida do
servidor
Solicitações assíncronas são aquelas que não dependem de uma resposta do servidor e não
bloqueiam o cliente
Ao implementar uma requisição AJAX (Asynchronous JavaScript and XML), o cliente faz
solicitações assíncronas ao servidor por meio do JavaScript. Dentre as alternativas que se
seguem, marque a afirmação que explica corretamente o que são as solicitações
assíncronas do AJAX
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 12/15
4 ptsPergunta 24
HTTP
JSON
XML
JPG
O estilo arquitetural REST significa REpresentational State Transfer. Isto indica a
transferência de representações de estado de um determinado recurso como essência dos
Web Services que utilizam esta abordagem. Estas representações são trocadas em
formatos específicos que dependem da aplicação.
As alternativas que se seguem indicam formatos possíveis, EXCETO:
4 ptsPergunta 25
Aumento na interatividade da aplicação com o usuário
Simplifica o a parte servidora das aplicações Web
Reduz a quantidade de dados trocados entre servidor e cliente
Aumento no controle da segurança das aplicações Web
O uso do AJAX (Asynchronous JavaScript and XML) traz uma série de benefícios para a
experiência do usuário nas aplicações Web. 
Nas alternativas que se seguem, marque aquela que traz uma afirmação INCORRETA
quanto aos benefícios do AJAX em aplicações Web.
4 ptsPergunta 26
O trecho de código que segue abaixo apresenta a implementação de uma requisição
AJAX (Asynchronous JavaScript and XML).
1) ...
2) var xhr = new XMLHttpRequest();
3) xhr.onload = A; 
4) xhr.open('GET', 'https://api.github.com/users/xyz');
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 13/15
O identificador A se refere ao formato da resposta que será recebida do servidor (JSON/XML)
O identificador A se refere ao servidor ao qual o cliente irá se conectar.
O identificador A se refere aos dados carregados no cliente para serem enviadosao servidor
O identificador A se refere à função a ser executada quando a resposta for recebida.
5) xhr.send(); 
6) ...
Marque a alternativa que descreve a que se refere o identificador nomeado com a letra A
na linha 3 do código apresentado.
4 ptsPergunta 27
Os resultados de requisições com método GET podem ser mantidos em cache, já para POST, não
As requisições feitas com método GET são restritas quanto ao formato dos dados enviados, o que
não acontece para o método POST
As requisições feitas com método GET são restritas quanto ao tamanho dos dados enviados, o que
não acontece para o método POST
Os dados enviados pelo POST são criptografados e os dados enviados pelo GET, não.
O método contido em um requisição HTTP traduz o seu propósito da solicitação feita pelos
clientes ao servidor. Os métodos mais utilizados em aplicações Web são GET e POST.
Todas as alternativas a seguir apresentam corretamente aspectos que diferenciam os dois
métodos principais, EXCETO:
4 ptsPergunta 28
image/jpeg
application/json
video/mp4
Tanto em requisições quanto em respostas HTTP, os clientes e os servidores informam o
formato do conteúdo que está sendo enviado por meio do cabeçalho Content-Type. Para
isso, é utilizado um padrão denominado MIME Types.
Todas as alternativas abaixo trazem formatos válidos no padrão MIME Types, EXCETO: 
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 14/15
text/string
4 ptsPergunta 29
Ao formato da mensagem trocada entre cliente e servidor.
Ao servidor ao qual o cliente irá se conectar.
Ao protocolo utilizado para comunicação entre cliente e servidor.
Ao recurso solicitado junto ao servidor
A Uniform Resource Identification (URI) e suas derivações, a Uniform Resource Locator
(URL) e a Uniform Resource Name (URN) são padrões utilizados pela Web que permitem
referenciar recursos através da Internet que serão utilizados por um ou mais usuários em
aplicações. Uma URL é composta pelos seguintes itens:
esquema://user:pass@host:porta/caminho?query#fragmento
Em uma requisição para a Web, a que se refere o esquema na URL?
 
 
 
4 ptsPergunta 30
host se refere ao servidor de DNS que deverá traduzir nome para número antes da requisição ser
feita
host se refere ao gateway da internet que permite ao cliente acessar o servidor
host se refere à identificação do cliente na comunicação
A Uniform Resource Identification (URI) e suas derivações, a Uniform Resource Locator
(URL) e a Uniform Resource Name (URN) são padrões utilizados pela Web que permitem
referenciar recursos através da Internet que serão utilizados por um ou mais usuários em
aplicações. Uma URL é composta pelos seguintes itens:
esquema://user:pass@host:porta/caminho?query#fragmento
Em uma requisição para a Web, a que se refere o host na URL?
17/12/2022 15:06 Teste: Reavaliação
https://pucminas.instructure.com/courses/112762/quizzes/316581/take 15/15
Salvo em 15:06 
host se refere ao computador servidor ao qual o cliente irá se conectar
Enviar teste