Desenvolvimento Web Cliente - Revisão 1

Prévia do material em texto

18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 1/7
Usuário ANDERSON DE ALMEIDA
Curso GRA0632 DESENVOLVIMENTO WEB CLIENTE GR0613211 - 202110.ead-
15208.01
Teste ATIVIDADE 4 (A4)
Iniciado 06/06/21 23:42
Enviado 18/06/21 20:38
Status Completada
Resultado da
tentativa
3 em 10 pontos  
Tempo decorrido 284 horas, 55 minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
Com Javascript é possível acessar os elementos da página HTML e alterar o seu comportamento.
O comando JavaScript exibido a seguir escreve o texto “conteúdo novo” no HTML. 
 
document.querySelectorAll(".tipoXPTO").innerHTML =
“conteúdo novo”;
  
Assinale a opção que contém o nome do atributo HTML que deve possuir o valor “tipoXPTO” para
que seja possível inserir o texto  “conteúdo novo” na página
.class.
.class.
Resposta correta. O comando querySelectorAll selecionar vários elementos na
página, não apenas um único . No código acima, o querySelectorAll utiliza o
seletor CSS referente ao atributo class com o valor “tipoXPTO” para encontrar
todas as ocorrências deste elemento na página HTML. O fato do nome
“tipoXPTO” estar precedido por “.” que diferencia o fato de ser o atributo class
em vez de id.
Pergunta 2
JavaScript consegue interagir com, praticamente, todos os elementos de uma página HTML,
trabalhar com variáveis, gerar resultados, alterar a aparência de elementos e o melhor, sem a
necessidade de �car recarregando a página. Existem aplicativos inteiros feitos somente usando
JavaScript e estes aplicativos passarão a ser cada vez mais comuns com o passar do tempo e a
evolução desta linguagem. Veja o trecho de código a seguir que contém a de�nição de uma
função e o seu uso na sequência:
1 em 1 pontos
0 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 2/7
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
<script>
function multiplica(p1, p2) {
  return p1 * p2;
}
document.getElementById("conteudo").innerHTML = multiplica(4, 3);
</script>
  
  
Para modi�car o conteúdo HTML de um elemento HTML através de um script Javascript foi
empregado o comando:
.function..
.innerHTML..
Sua resposta está incorreta. O comando
“document.getElementById("conteudo").innerHTML = multiplica(4, 3)” realiza
uma série de processos, mas a efetiva inserção do conteúdo no HTML é feita
pelo comando innerHTML. Inicialmente, o “document” é a representação do
conteúdo da página. O comando  getElementById seleciona o elemento na
página que contém o id=”conteúdo”. A função de�nida multiplica é invocada
quando é feita a chamada “multiplica (4,3)”. O retorno dessa função é inserido
na página HTML. A tag <script> informa que o conteúdo entre a abertura e
fechamento é código do tipo script.
Pergunta 3
Resposta Selecionada: 
Resposta Correta:
Sejam as seguintes a�rmativas sobre a construção de sistemas web com HTML, CSS e Javascript: 
  
I – Em uma requisição ao servidor de aplicação são retornados para o lado cliente HTML, CSS e
Javascript. 
II - Folhas de estilo podem ser declaradas diretamente na seção head de um documento HTML,
usando-se, para tal, o elemento <sheet>. 
III – O conceito de seletores usado no CSS é o mesmo do Javascript. 
IV - As tags <js> </js> são usadas para a inclusão de arquivos com código JavaScript em
documentos HTML. 
  
Está correto APENAS o que se a�rma em
.I, II e III.
0 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 3/7
 
Comentário
da
resposta:
.I e III. 
  
Sua resposta está incorreta. As folhas de estilo podem ser declaradas
diretamente na seção head de um documento HTML, usando-se, para tal, o
elemento <link>. As tags <script> </script> são usadas para a inclusão de
arquivos com código JavaScript em documentos HTML. Essas mesmas tags são
utilizadas para inserir trechos Javascript diretamente no HTML. Em uma
requisição ao servidor de aplicação são retornados para o lado cliente HTML,
CSS e Javascript. O Javascript é executado no lado do cliente. O conceito de
seletores usado no CSS é o mesmo do Javascript. Seletores podem ser tags
HTML ou os atributos id ou class.
Pergunta 4
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
A especi�cação HTML indica que uma tag <script> deve ser posicionada dentro de uma tag
<head> ou <body> e que pode aparecer em um número qualquer de vezes em cada uma delas.
Entretanto, a posição da tag <script> no código pode in�uenciar no desempenho da página. Com
relação ao tema, analise as asserções a seguir. 
  
I. Para garantir que a página esteja praticamente renderizada antes que a execução do script
tenha início, é aconselhável colocar todas as tags <script> ao �nal da página, imediatamente
antes do fechamento da tag <body> 
  
II. As funções que demandarem mais processamento deve ser inseridas na tag <head>, caso
contrário não será possível fazer a chamada dessas funções na página HTML 
  
III. Quando for inserido um arquivo externo a página HTML devem ser utilizados os atributos
code, type e src. 
  
IV. Quanto aos atributos da tag <script>, o atributo type deve conter o valor "text/javascript" e o
atributo src contém a referência para o local no servidor da aplicação onde o arquivo está
localizado. 
  
Está correto APENAS o que se a�rma em
.I e IV.
.I e IV.
Resposta correta. Para garantir que a página esteja praticamente renderizada
antes que a execução do script tenha início, é aconselhável colocar todas as tags
<script> ao �nal da página, imediatamente antes do fechamento da tag <body>.
Quanto aos atributos da tag <script>, o atributo type deve conter o valor
"text/javascript" e o atributo src contém a referência para o local no servidor da
aplicação onde o arquivo está localizado. Estes são os únicos atributos
necessários para a tag <script>.
1 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 4/7
Pergunta 5
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
O jquery Mask é um plugin que de�nir máscaras ou padrões dos campos de entrada HTML. Todo
tipo de máscara pode ser de�nido. 
  
Analise o trecho de código a seguir:
$(document).ready(function(){   $('.date').mask('00/00/0000'); });
  
Assinale a alternativa que indica uma entrada de dados possível para a máscara informada
anteriormente:
.10/10/2010.
.10/10/2010.
Resposta correta. A máscara anterior de�ne a formatação de um campo data no
formato dia/mês/ano, sendo que os valores devem vir separados pelo caractere
de barra. O dia e o mês devem ser informados com dois valores numéricos. Já o
ano deve ser informado com 4 algarismos.
Pergunta 6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
O jQuery possui uma série de plugins interessantes para formatação e validação de campos. Um
deles é o jQuery Mask Plugin. Com ele é possível de�nir máscaras ou padrões dos campos de
entrada HTML. Essa é uma funcionalidade bastante útil em um formulário de cadastro ou em
uma tela de autenticação do usuário, por exemplo. 
  
Analise o trecho de código a seguir:
<script>     $(document).ready(function () {         var $seuCampoCpf =
$("#CPF");         $seuCampoCpf.mask('000.000.000-00', {reverse:
true});     }); </script>
  
Assinale a alternativa que faz o uso correto da máscara acima:
.<input type="text" class="CPF" />.
.<input type="text"id="CPF" />.
Sua resposta está incorreta. O uso da máscara depende de como ela foi
construída. No trecho de código acima está demonstrando que o elemento que
será passado pela máscara tem atributo id com valor “CPF”. O valor do atributo
id não deve vir precedido de #.  O que diferencia o atributo é o uso do símbolo
#. Se fosse utilizado o símbolo de ponto �nal, deveria ser utilizado o atributo
1 em 1 pontos
0 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 5/7
class. O atributo value de�ne o valor da tag <input>. O atributo mascara não
existe no HTML.
Pergunta 7
Resposta
Selecionada:
Resposta Correta:
Comentário
da
resposta:
Em um texto em um sistema web educacional, foi demandando que um título (h2) seja
automaticamente trocado por outro texto quando clicado. 
  
Um desenvolvedor decidiu implementar uma função em JavaScript trocar(id) que troca o texto de
um elemento DOM passado como o parâmetro id. Essa função está apresentada a seguir.
function trocar(id) { document.querySelecto
r(#id).innerHTML = "Título Alterado"; }
  
  
Que fragmento de  HTML corresponde à execução do comportamento desejado quando clicado
sobre o elemento h2
.<h2 id=”campo” event=onclick action="trocar(this.innerHTML)">Título
Original</h2>.
.<h2 id=”campo” onclick="trocar(“campo”)">Título
Original</h2>.
Sua resposta está incorreta. Os eventos em Javascript não precisam da palavra-
chave “event” para ser acionada. O nome do evento associado ao clique do
mouse é onclick. No trecho de código, a função trocar” recebe o nome do id
como parâmetro e esse valor é selecionado pelo querySelector para alterar o
conteúdo do referido elemento pelo texto “Titulo Alterado”. Assim, deve ser
passado como parâmetro na chamada da função o nome do campo id que
deverá ter o conteúdo alterado.
Pergunta 8
Resposta
Selecionada:
Resposta
Código Javascript pode ser embutido em páginas HTML, o que permite a modi�cação dinâmica
do conteúdo das páginas. 
  
Assim, o código Javascript deve ser inserido dentro do código HTML no
.�nal do elemento < body >, pois todos os elementos da página precisam ser
declarados antes de serem usados no código Javascript..
0 em 1 pontos
0 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 6/7
Correta:
Comentário
da
resposta:
.final do elemento < body >, pois isso torna mais rápida a
apresentação da página no navegador..
Sua resposta está incorreta. Para lincar o JavaScript dentro do HTML, a tag 
<script> pode ser declarada dentro da tag <head> ou dentro da tag 
<body>. A diferença é que se o código JavaScript for muito extenso ou
demandar muito processamento, o código inserido na tag 
<head> vai demandar mais tempo para renderizar no ambiente do usuário, pois
o código terá que ser lido antes do conteúdo da tag <body>. Por isso,
usualmente os scripts que demanda mais processamento  são declarados no
�nal da tag 
<body>.
Pergunta 9
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
Em JavaScript, o trecho de código a seguir retorna um objeto HTML DOM através de seu id:
document.getElementById(‘i
d’);
  
Utilizando jQuery, pode-se realizar uma tarefa semelhante, porém retornando um objeto jQuery
em vez de um objeto HTML DOM através de:
.$(“.id”).
.var $(#id).
Sua resposta está incorreta.Com jQuery temos que utilizar a função $() para
encontrarmos um elemento HTML dentro da aplicação e utilizarmos as funções
da biblioteca. No caso do seletor a ser informado entre o abre e fecha
parêntesis ser relacionado ao atributo id, é necessário preceder o nome do id
com o símbolo #. Se for uma classe o nome dela deve ser precedido pelo
operador de ponto �nal (.). Em todos os casos, o nome do elemento deve vir
entre abre e fecha chaves. O uso de var em Javascript é para se criar uma
variável, mas deve ser seguido do nome da variável como em var nome =
$(“#id”) .
Pergunta 10
Quando acessamos uma página Web, temos uma sequência de eventos, ou melhor, um �uxo de
comunicação entre o nosso computador e o servidor onde está a página, conforme apresentado
no esquema abaixo: 
0 em 1 pontos
0 em 1 pontos
18/06/2021 Revisar envio do teste: ATIVIDADE 4 (A4) – GRA0632 ...
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 7/7
Sexta-feira, 18 de Junho de 2021 20h38min45s BRT
Resposta Selecionada: 
Resposta Correta: 
Comentário
da
resposta:
 
  
  
  
  
  
  
  
  
  
  
Fonte: Elaborado pela autora 
  
Com base nessa arquitetura, se for utilizado o JavaScript podemos a�rmar que
.O código Javascript será executado no lado servidor..
.O código Javascript será executado no lado cliente..
Sua resposta está incorreta. O Javascrip é uma linguagem que consegue enviar
as requisições para o lado servidor, mas o código Javascript é retornado e é
executado no lado cliente. Outras linguagens como Java, PHP e C# executam no
lado do servidor. Quando uma requisição é feita ao servidor, na resposta são
retornados HTML + CSS + Javascript que executam no lado do cliente. Por ter
esse funcionamento, o servidor não é sobrecarregado, pois ele apenas
responde as requisições e o processamento de fato ocorre no lado cliente.