Teste_ Reavaliação

Prévia do material em texto

02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 1/17
Reavaliação
Iniciado: 2 jul em 15:34
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
div
Você está desenvolvendo um site para sua empresa e precisa melhorar o uso dos
padrões HTML e tornar a página mais legível para os mecanismos de busca
como o Google, Bing e outros.
Em uma parte do seu site você deve agrupar uma parte relevante de conteúdo
em texto com informações sobre um produto da sua empresa.
Qual a melhor tag a ser empregada?
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 2/17
section
table
span
2,5 ptsPergunta 2
article
input
button
div
p
section
a
img
h3
span
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 todas os elementos que são originalmente
INLINE: 
2,5 ptsPergunta 3
Você está desenvolvendo um site para sua empresa e precisa melhorar o uso dos
padrões HTML e tornar a página mais legível para os mecanismos de busca
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 3/17
main
table
header
section
nav
como o Google, Bing e outros.
Em uma parte do seu site você deve agrupar um conjunto de opções que
permitem aos usuários acessarem as diversas seções do site.
Qual a melhor tag a ser empregada?
2,5 ptsPergunta 4
PDF
PNG
AI
MP4
MP3
PSD
JPG
GIF
SVG
Por padrão, os navegadores da Internet aceitam diversos formatos de imagem
em páginas Web.
Marque todas as opções que apresentam formatos de imagens permitidos em
uma página Web:
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 4/17
2,5 ptsPergunta 5
atributo de classe
símbolo de combinação (+)
elemento HTML
atributo id
símbolo universal
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. 
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 6
Um cliente demandou a criação de um site no qual deveria haver um quadro de
publicidade que ficasse sempre visível à direita do site, independentemente da
rolagem da tela.
Para montar essa estrutura no site você deve utilizar uma estratégia baseada no
CSS. Marque a alternativa que apresenta a propriedade fundamental do CSS a
ser aplicada no elemento do quadro de publicidade de tal forma que você possa
atender a demanda do seu cliente. 
Observação: as alternativas apresentam apenas a propriedade fundamental. Para
realizar o que foi pedido, será necessário aplicar outras propriedades
secundárias.
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 5/17
text-alignment: right
float: right
position: fixed
align: right
display: inline-block
2,5 ptsPergunta 7
O seletor # refere-se a um conjunto de elementos a ser formatado da mesma maneira.
É 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.
Um elemento HTML aninhado dentro de outro receberá, do CSS, a formatação deste
último
Em relação ao uso de cascading style sheets (CSS) na formatação de páginas
web, é correto dizer que:
2,5 ptsPergunta 8
/* color: blue */
// color: blue
/// color: blue
<!-- color: blue -->
Qual a forma correta de criar um comentário na linguagem CSS?
2,5 ptsPergunta 9
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 6/17
Os elementos "div" de id que traga o valor "p".
Todos os elementos "div" e "p".
Os elementos "div" que vierem dentro de elementos "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 }
 
2,5 ptsPergunta 10
green e blue
red e blue
red e green
green e green
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>
 
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 7/17
green e orange
3 ptsPergunta 11
Será executada em tela quando a largura for 600 pixels e 1024 pixels.
Será executada em tela quando a largura for 600 pixels até 1024 pixels.
Será executada em tela quando a largura for 600 pixels ou 1024 pixels.
Será executada em tela quando a largura for 600 pixels e não for 1024 pixels.
A Media Query
@media screen and (min-width:600px) and (max-width:1024px){ } 
estabelece que:
3 ptsPergunta 12
Pode ser expresso também por grid-template-columns: 1fr 1fr 1fr;
Cria 3 colunas com larguras idênticas.
Cria 3 colunas com a fração ideal de largura.
Divide uma fração em 3 colunas.
Sobre o exemplo atributo grid-template-columns: repeat(3, 1fr); do CSS Grid é
incorreto afirmar:
3 ptsPergunta 13
Qual item não pode ser considerado um componente nativo do Bootstrap (listado
na documentação)?
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 8/17
Cards
Mask
Alerts
Carrousel
3 ptsPergunta 14
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, comprimir os elementos quando não conseguir alocar, espaçar
igualmente os elementos entre si na vertical e centralizar os elementos na horizontal.
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, 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.
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; 
}
3 ptsPergunta 15
O usuário deve escolher um tipo especifico de prefixo (sm, md, lg, xl) para todos os
componentes da sua aplicação.
É um sistema que divide áreas em um módulo de 12 unidades.
A estrutura padrão do sistema de GRID do Bootstrap deve seguir a hierarquia: container,
Sobre o sistema de GRID da Framework Bootstrap é incorreto afirmar:
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 9/17
row,col.
Utiliza os prefixos sm, md, lg, xl nas classes das colunas para expressar breakpoints
específicos.
4 ptsPergunta 16
push
Em uma determinada função, precisamos adicionar novos elementos ao fim de
um vetor chamado lista . usando um dos seus métodos. A sintaxe será algo
parecida com esta:
let lista = []; 
function adicionaElemento( novoElemento ) { 
 lista.nomeDoMetodo( novoElemento ); 
}
Qual é o nome do método que permite a inserção do novos elementos no fim de
um vetor?
 
Observação: use apenas letras minúsculas e não coloque nenhum espaço em
branco ou outros símbolos na sua resposta, pois a correção é automática.
4 ptsPergunta 17
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:
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 10/17
change
focus
input
blur
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 18
nome = 'valor'
"nome": "valor"
"nome" = "valor"
"nome: valor"
Qual é a forma a correta de declaração correta de um par nome/valor em um
objeto JSON?
4 ptsPergunta 19
Em uma certa página web, há várias imagens às quais associamos o evento
click. Quando cada uma delas for clicada, a mesma função abaixo será
executada. Complete essa função para que seja possível registrar no console o
valor do atributo alt da imagem clicada.
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 11/17
let imagemClicada = (evento) => { 
 console.log(evento. attr .alt); 
}
 
Observação: não use nenhum espaço em branco na sua resposta e apenas
letras minúsculas, pois a correção é automática.
4 ptsPergunta 20
O método val() , sem parâmetros, retorna o valor de um campo de formulário
selecionado.
O método html() , sem parâmetros, retorna uma referência para o objeto documento.
O método empty() retorna verdadeiro se o elemento não tiver filhos.
O método text() , sem parâmetros, retorna o conteúdo HTML do elemento
selecionado.
Cada método jQuery executa uma operação específica para o(s) elemento(s)
selecionado(s) por meio da função $() .
Qual das seguintes afirmativas descreve corretamente a operação realizada por
um determinado método?
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>
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 12/17
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'); 
});
 
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
O usuário informa um texto de pesquisa que é enviado ao servidor e, em seguida, a
parte central exibe as mensagens correspondentes ao texto informado.
O usuário cria uma nova mensagem e, ao informar, 3 letras no campo do destinatário, a
aplicação exibe uma lista de contatos que possuem as letras informadas
O usuário seleciona uma etiqueta (pasta) e a aplicação exibe todas as mensagens que
possuem a etiqueta selecionada
O usuário informa o login, a senha, o sistema envia os dados ao servidor que valida o
usuário e carrega a página inicial do aplicativo mostrando as mensagens da caixa de
entrada
A partir do entendimento de como funcionam as implementações baseadas no
AJAX (Asynchronous JavaScript and XML), analise algumas das interações na
aplicação do Google GMail e identifique em qual delas NÃO é feita utilizando a
abordagem AJAX.
4 ptsPergunta 23
O estilo arquitetural REST significa REpresentational State Transfer. Isto indica a
transferência de representações de estado de um determinado recurso como
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 13/17
XML
HTTP
JPG
JSON
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 24
Inclusão de uma tabela de livros na base de dados e do livro descrito no JSON
apresentado
Obter os dados de livros que possuam os dados do JSON apresentado
Alteração do livro de identificador 5 com os dados do JSON apresentado
Inclusão de um novo livro a partir dos dados do JSON apresentado
Existem recomendações e boas práticas para construção de Web Services no
estilo arquitetural REST para a implementação do padrão CRUD para
manipulação de um cadastro comum que sugerem a utilização da semântica dos
métodos HTTP para as operações básicas de visualização, inclusão, atualização
e exclusão. Isto permite a estruturação das operações do CRUD de maneira
consistente. 
Diante disso, identifique, dentre as alternativas que se seguem, o significado para
a requisição que é apresentada no trecho abaixo:
PUT /livro/5 HTTP/1.1 
User-Agent: Mozilla/4.0 (compatible; MSIE5.01) 
Host: www.servidor.com.br 
{ 
 "titulo": "Aprendendo a desenvolver aplicações Web", 
 "autor": "Semmy Purewal", 
 "editora": "Novatec Editora", 
 "isbn": "978-8575223475" 
} 
 
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 14/17
4 ptsPergunta 25
Aumento na interatividade da aplicação com o usuário
Aumento no controle da segurança das aplicações Web
Reduz a quantidade de dados trocados entre servidor e cliente
Simplifica o a parte servidora 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
Existem recomendações e boas práticas para construção de Web Services no
estilo arquitetural REST para a implementação do padrão CRUD para
manipulação de um cadastro comum que sugerem a utilização da semântica dos
métodos HTTP para as operações básicas de visualização, inclusão, atualização
e exclusão. Isto permite a estruturação das operações do CRUD de maneira
consistente. 
Diante disso, identifique, dentre as alternativas que se seguem, o significado para
a requisição que é apresentada no trecho abaixo:
POST /livro HTTP/1.1 
User-Agent: Mozilla/4.0 (compatible; MSIE5.01) 
Host: www.servidor.com.br 
{ 
 "titulo": "Aprendendo a desenvolver aplicações Web","autor": "Semmy Purewal", 
 "editora": "Novatec Editora", 
 "isbn": "978-8575223475" 
} 
 
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 15/17
Inclusão de um novo livro a partir dos dados do JSON apresentado
Inclusão de uma tabela de livros na base de dados e do livro descrito no JSON
apresentado
Obter os dados de livros que possuam os dados do JSON apresentado
Alteração do livro de identificador 5 com os dados do JSON apresentado
4 ptsPergunta 27
Nesta questão, a partir do que foi apresentado sobre o formato das requisições
HTTP, conforme imagem abaixo, pede-se que você monte a requisição HTTP
correspondente à necessidade apresentada abaixo no objetivo.
OBJETIVO DA REQUISIÇÃO
Obter apenas os cabeçalhos para a página inicial do site servidor.com.br
REQUISIÇÃO HTTP
Requisição ----| HEAD /headers 
?headers=true HTTTP/1.1 
Cabeçalhos ---| Host: servidor.com.br 
Corpo ----------| headers=true
A imagem abaixo mostra a estrutura de uma requisição HTTP e um exemplo
ilustrativo.
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 16/17
4 pts
Passo 1 URL é informada no naveg
Passo 2 Navegador monta requisiç
Passo 3 Os dados trafegam do clie
Passo 4 o servidor processa requis
Passo 5 Os dados trafegam do ser
Passo 6 A página é renderizada no
Pergunta 28
Com base no entendimento do fluxo de uma requisição da Web, identifique a
ordem correta de cada um dos acontecimentos relacionados abaixo
4 ptsPergunta 29
Marque a alternativa que explica de que se trata o valor "34aa387-d-1568eb00" 
informado no cabeçalho ETag.
HTTP/1.1 200 OK 
Date: Mon, 27 Jul 2009 12:28:53 GMT 
Server: Apache/2.2.14 (Win32) 
Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT 
ETag: "34aa387-d-1568eb00" 
Accept-Ranges: bytes 
Content-Length: 88 
Content-Type: text/html 
Connection: Closed 
<html> 
 <body> <h1>Hello, World!</h1> </body> 
02/07/2022 16:52 Teste: Reavaliação
https://pucminas.instructure.com/courses/90732/quizzes/282218/take 17/17
Salvo em 16:52 
O valor está associado ao recurso solicitado no servidor, permitindo ao cliente verificar
se foi alterado posteriormente
O valor traz o código único que identifica o servidor a partir do qual o recurso foi obtido.
O valor informa o número da requisição processada junto ao servidor e que fica gravada
no log de acessos
O valor é um código pelo qual o servidor reconhece o cliente que fez a solicitação
</html> 
 
4 ptsPergunta 30
host se refere à identificação do cliente na comunicação
host se refere ao gateway da internet que permite ao cliente acessar o servidor
host se refere ao servidor de DNS que deverá traduzir nome para número antes da
requisição ser feita
host se refere ao computador servidor ao qual o cliente irá se conectar
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?
Enviar teste