Atividade Objetiva 3_ Interfaces Digitais_ Front-End

Prévia do material em texto

Atividade Objetiva 3
Entrega 28 mai em 23:59 Pontos 1 Perguntas 5
Disponível 13 fev em 0:00 - 28 mai em 23:59 Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Este teste foi travado 28 mai em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 8 minutos 1 de 1
Pontuação desta tentativa: 1 de 1
Enviado 14 mai em 17:30
Esta tentativa levou 8 minutos.
Importante:
Caso você esteja realizando a atividade através do aplicativo "Canvas Student", é necessário que
você clique em "FAZER O QUESTIONÁRIO", no final da página.
0,2 / 0,2 ptsPergunta 1
Analise as instruções em JavaScript presentes no código a seguir:
A+
A
A-
https://famonline.instructure.com/courses/27283/quizzes/142379/history?version=1
Figura 1: Elaborada pelo autor.
O código apresentado manipula elementos do documento HTML
através do JavaScript.
Considerando as informações apresentadas, assinale a opção
correta.
 O botão declarado na linha 18 tem como função atualizar a página. 
 
Não é obrigatório cercar as instruções em JavaScript com o conjunto
de tags “<script>” e “</script>”
 
A função em JavaScript chamada “myFunction()” manipula o elemento
<h2> e faz uma mudança em seu texto.
 
A função em JavaScript chamada “myFunction()” manipula o elemento
<button> e faz uma mudança em seu texto.
 
A função em JavaScript chamada “myFunction()” manipula o elemento
<p> de id=”mudar” e faz uma mudança em seu texto.
Correto!Correto!
A+
A
A-
A alternativa está correta. A função em JavaScript chamada
“myFunction()” manipula o elemento <p> de id=”mudar” e faz
uma mudança em seu texto, de acordo com o comando
document.getElementById, que faz com que o elemento seja
selecionado via id. Portanto os elementos “<button>” e “<h2>”
não são manipulados, além disso o elemento “<button>” tem a
função de chamar a função “myFunction()” e não de atualizar a
página. Quando o JavaScript é utilizado dentro de um
documento HTML ele deve ser delimitado pelas tags “<script>”
e “</script>”.
0,2 / 0,2 ptsPergunta 2
A programação para web design envolve várias linguagens diferentes
que foram evoluindo ao longo dos anos. Atualmente, há também a
utilização de frameworks que facilitam ainda mais o trabalho do
programador, uma vez que já traz bibliotecas de códigos prontos,
agilizando o processo. Existem diferentes linguagens para o front-end
e para o back-end, sendo que as principais linguagens para cada uma
dessas modalidades são bastante conhecidas.
As linguagens de programação que formam o trio mais famoso do
front-end são
 CSS, HTML e JS. Correto!Correto!
 CSS, HTML e Java. 
 C#, HTML e Java. 
 PHP, HTML e CSS. 
 C#, PHP e Java. 
A+
A
A-
Sua resposta está correta. HTML e CSS são as linguagens
mais adotadas pelo front-end, sendo que o JavaScript (JS) é
muito usado para manipular o comportamento do HTML e do
CSS.
0,2 / 0,2 ptsPergunta 3
Analise o código JavaScript presente no documento HTML a seguir:
Figura 1: Elaborada pelo autor.
O código representa uma manipulação do elemento parágrafo “<p>”
feita através de uma função em JavaScript chamada “myFunction()”.
Nessa função, o texto do parágrafo de id=”mudar” é alterado de
“Início...” para “Alterado.”. 
Considerando o código e o trecho apresentado sobre o as ações do
JavaScript no documento em HTML, avalie as afirmações a seguir:
 
I. Se ao invés de manipular o parágrafo, nossa intenção fosse
manipular todos os elementos “<h2>” presentes na página, podemos
fazer essa ação substituindo o comando
document.getElementById(“mudar”).innerHTML por
document.getElementsByTagName("h2").innerHTML.
A+
A
A-
II. No código utilizado, podemos manipular o parágrafo presente na
página da mesma maneira substituindo o comando
document.getElementById(“mudar”).innerHTML por
document.getElementsByTagName("mudar").innerHTML.
III. Podemos manipular todos elementos presentes na página se
utilizarmos o comando document.getAllElements( ).innerHTML.
 
É correto o que se afirmar em:
 I, apenas. 
 II e III apenas. 
 I e III, apenas. 
 I e II, apenas. Correto!Correto!
 II, apenas. 
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras.
Para manipular qualquer elemento em HTML de uma página
através do JavaScript podemos utilizar o comando
document.getElementsByTagName("Nome do
Elemento").innerHTML, além disso nesse código de exemplo
temos apenas um parágrafo, portanto podemos substituir a
manipulação via id por uma manipulação via tag, conforme foi
apresentada.
A afirmação III é falsa, pois não há uma maneira de selecionar
todos elementos de uma página para manipulação portanto o
comando document.getAllElements( ).innerHTML não existe.
0,2 / 0,2 ptsPergunta 4
A+
A
A-
Leia o texto abaixo: 
A biblioteca jQuery foi lançada em 2006, por John Resig, jQuery,
segundo definição consta em seu site, trata-se de uma rápida,
pequena e rica em funcionalidades biblioteca JavaScript.
Com o lema "Write less, do more." (Escreva menos, faça mais), jQuery
revolucionou o desenvolvimento web, sendo presente em inúmeros
projetos atualmente.
(Fonte: Disponível em: https://tableless.github.io/iniciantes/manual/js/o-
que-jquery.html Acesso em: 10 abr. 2020)(adaptado )
Considerando esse contexto, avalie as seguintes asserções e a
relação proposta entre elas.
I. A biblioteca jQuery é uma biblioteca utilizada para front-end, ou seja,
desenvolvimento de interfaces.
PORQUE
II. A biblioteca jQuery utiliza como linguagem base o JavaScript, uma
das mais importantes linguagens de front-end.
A respeito dessas asserções, assinale a opção correta:
 
A asserção I é uma proposição verdadeira, e a II é uma proposição
falsa.
 
As asserções I e II são proposições verdadeiras, mas a II não é uma
justificativa da I.
 As asserções I e II são proposições falsas. 
 
A asserção I é uma proposição falsa, e a II é uma proposição
verdadeira.
 
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa da I.
Correto!Correto!
A+
A
A-
A alternativa está correta, pois as asserções I e II são
proposições verdadeiras, e a II é uma justificativa da I. A
linguagem JavaScript é considerada uma linguagem de front-
end, logo seu framework jQuery também será considerado uma
tecnologia de front-end.
0,2 / 0,2 ptsPergunta 5
As linguagens de programação possuem diversos métodos para
facilitar alguns processos e gerar códigos mais dinâmicos e produtivos.
Nesse sentido, ao invés de precisar utilizar um grande número de
variáveis para guardar muitos elementos, podemos contar com uma
única variável - chamada array - para guardar todos esses elementos
dentro dela, cada um em uma posição diferente.
Sabendo disso, analise a imagem a seguir:
 
 
Fonte: < (https://www.caelum.com.br/apostila-java-orientacao-
objetos/collections-framework#arrays-sao-trabalhosos-utilizar-estrutura-
de-dados>)
Podemos afirmar, a partir da imagem, que a sequência de cores
representa um array. Qual das alternativas mostram o ocorrido na
sequência de baixo da imagem?
 (https://www.caelum.com.br/apostila-java-orientacao-
objetos/collections-framework#arrays-sao-trabalhosos-utilizar-estrutura-
de-dados>)
 A quarta posição do array foi corrompida. 
A+
A
A-
https://www.caelum.com.br/apostila-java-orientacao-objetos/collections-framework#arrays-sao-trabalhosos-utilizar-estrutura-de-dados%3E
https://www.caelum.com.br/apostila-java-orientacao-objetos/collections-framework#arrays-sao-trabalhosos-utilizar-estrutura-de-dados%3E
 O quarto elemento foi removido desse array. Correto!Correto!
 O array foi corrompido por ação indevida. 
 O array rejeitou o quarto elemento inserido. 
 Foi criando um array inteiramente novo. 
A sua resposta está correta. A partir do comando, a quarta
posição do array, que continha informações sobre uma conta
(“conta[3]”) foi apagada pelo comando “null”, de modo que, no
array de baixo, essa quarta posição aparece como removida.
Pontuação do teste: 1 de 1
A+
A
A-