Atividade Objetiva 3_ Interfaces Digitais_ Front-End

Prévia do material em texto

27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 1/11
Atividade Objetiva 3
Entrega 2 de jun de 2021 em 23:59 Pontos 1 Perguntas 5
Disponível 10 de fev de 2021 em 0:00 - 2 de jun de 2021 em 23:59 Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Este teste não está mais disponível, pois o curso foi concluído.
Histórico de tentativas
Tentativa Tempo Pontuação
MANTIDO Tentativa 2 12 minutos 0,4 de 1
MAIS RECENTE Tentativa 2 12 minutos 0,4 de 1
Tentativa 1 Menos de 1 minuto 0,2 de 1
Pontuação desta tentativa: 0,4 de 1
Enviado 21 de fev de 2021 em 14:20
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.
A+
A
A-
https://famonline.instructure.com/courses/12959/quizzes/46995/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/46995/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/46995/history?version=1
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 2/11
Esta tentativa levou 12 minutos.
0 / 0,2 ptsPergunta 1
Analise as instruções em JavaScript presentes no código a seguir:
Figura 1: Elaborada pelo autor.
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 3/11
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 <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>” 
 
A função em JavaScript chamada “myFunction()” manipula o elemento <p> de id=”mudar” e faz uma mudança em
seu texto.
Resposta corretaResposta correta
 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 <h2> e faz uma mudança em seu texto. 
Você respondeuVocê respondeu
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 4/11
A alternativa está incorreta. 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
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 ( ; ).
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 5/11
É correto o que se afirma apenas em: 
 I e IV 
 I e III 
 I e II Correto!Correto!
 III e IV 
 II 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 / 0,2 ptsPergunta 3
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 6/11
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:
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 7/11
 
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. 
 II e III apenas. Você respondeuVocê respondeu
 I e III, apenas. 
 I e II, apenas. Resposta corretaResposta correta
 I, apenas. 
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 8/11
A alternativa está incorreta, 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
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:
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 9/11
 
 
Fonte: < https://www.caelum.com.br/apostila-java-orientacao-objetos/collections-framework#arrays-
sao-trabalhosos-utilizar-estrutura-de-dados> (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?
 O array foi corrompido por ação indevida. 
 O quarto elemento foi removido desse array. Correto!Correto!
 Foi criando um array inteiramente novo. 
 O array rejeitou o quarto elemento inserido. 
 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
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 10/11
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.
0 / 0,2 ptsPergunta 5
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
 C#, PHP e Java. 
 CSS, HTML e Java. 
 CSS, HTML e JS. Resposta corretaResposta correta
 C#, HTML e Java. 
 PHP, HTML e CSS. Você respondeuVocê respondeu
A+
A
A-
27/02/2023, 08:08 Atividade Objetiva 3: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46995 11/11
Alternativa incorreta, pois a linguagem PHP não é utilizada pelo front-end, e sim pelo back-end. As
linguagens mais utilizadas pelo front-end são HTML, CSS e JS (JavaScript).
Pontuação do teste: 0,4 de 1
A+
A
A-