Atividade Objetiva 3_ Interfaces Digitais_ Front-End

Prévia do material em texto

26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 1/8
Atividade Objetiva 3
Entrega 5 jun em 23:59 Pontos 1 Perguntas 5
Disponível 8 fev em 0:00 - 5 jun em 23:59 Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Este teste foi travado 5 jun em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 145 minutos 1 de 1
Pontuação desta tentativa: 1 de 1
Enviado 2 mai em 18:31
Esta tentativa levou 145 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 o código JavaScript presente no documento HTML a seguir:
A+
A
A-
https://famonline.instructure.com/courses/20511/quizzes/91474/history?version=1
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 2/8
 
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.
 
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:
 II, apenas. 
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 3/8
 I e II, apenas. Correto!Correto!
 II e III apenas. 
 I, apenas. 
 I e III, 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 2
Analise as instruções em JavaScript presentes no código a seguir:
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 4/8
 
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.
 
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.
 
Não é obrigatório cercar as instruções em JavaScript com o conjunto
de tags “<script>” e “</script>”
 O botão declarado na linha 18 tem como função atualizar a página. 
 
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-
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 5/8
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 3
Leia o texto a seguir:
Na linguagem JavaScript, instruções são chamadas de declaração e
são separadas por um ponto e vírgula (;). Espaços, tabulação e uma
nova linha são chamados de espaços em branco. O código fonte dos
scripts em JavaScript são lidos da esquerda para a direita e são
convertidos em uma sequência de elementos de entrada como
simbolos, caracteres de controle, terminadores de linha, comentários
ou espaço em branco.
(Disponível em: https://developer.mozilla.org/pt-
BR/docs/Web/JavaScript/Guide/Values,_variables,_and_literals
 Acesso em: 10 abr. 2020)(adaptado ) 
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. Os comentários na linguagem JavaScript podem ser representados
pelo uso de duas barras seguidas ( // ). 
II. A palavra “var” na linguagem JavaScript é reservada para a
declaração de variáveis. 
III. As variáveis em JavaScript podem ser declaradas com a utilização
da palavra “variable”. 
IV. Se utilizarmos a instrução “alert” a linha não precisa ser encerrada
com ponto e vírgula ( ; ).
É correto o que se afirma apenas em: 
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 6/8
 II e IV 
 III e IV 
 I e III 
 I e II Correto!Correto!
 I e IV 
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras. Os comentários na linguagem JavaScript podem
ser representados pelo uso de duas barras seguidas ( // ) e
também podemos definir um bloco de comentário com os
símbolos de barra seguidos de asterisco ( /* ) . Além disso, a
palavra “var” na linguagem JavaScript é reservada para a
declaração de variáveis.
A afirmação III é falsa, pois não podemos declarar variáveis
utilizando a palavra “variable”.
A afirmação IV é falsa, pois a utilização da instrução “alert” não
isenta o uso de ponto e vírgula (; ) encerrando a instrução.
0,2 / 0,2 ptsPergunta 4
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
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 7/8
front-end são
 PHP, HTML e CSS. 
 CSS, HTML e Java. 
 C#, HTML e Java. 
 CSS, HTML e JS. Correto!Correto!
 C#, PHP e Java. 
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 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-
A+
A
A-
https://www.caelum.com.br/apostila-java-orientacao-objetos/collections-framework#arrays-sao-trabalhosos-utilizar-estrutura-de-dados%3E26/07/2022 14:47 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91474 8/8
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>)
 O quarto elemento foi removido desse array. Correto!Correto!
 O array foi corrompido por ação indevida. 
 Foi criando um array inteiramente novo. 
 A quarta posição do array foi corrompida. 
 O array rejeitou o quarto elemento inserido. 
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-
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