Atividade Objetiva 4_ Interfaces Digitais_ Front-End

Prévia do material em texto

26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 1/9
Atividade Objetiva 4
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 23 minutos 1 de 1
Pontuação desta tentativa: 1 de 1
Enviado 4 mai em 15:41
Esta tentativa levou 23 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
Leia o texto abaixo:
O ECMAScript é a especificação usada para implementar a linguagem
JavaScript. O ES6, ou ECMAScript 6, é a primeira atualização
significativa para a linguagem desde ES5 que foi inicialmente lançado
em 2009.
Muitos recursos do ES6 já estão disponíveis em engines modernos de
JavaScript. Usar Babel, no entanto, traz acesso a muitos mais
recursos, garantindo ao mesmo tempo o JavaScript seja executado em
mais plataformas. 
(Fonte: Disponível em: https://desenvolvedor.expert/o-que-eh-es6-
66c8d7631a0b. Acesso em: 12 abr. 2020)(adaptado ) 
A+
A
A-
https://famonline.instructure.com/courses/20511/quizzes/91430/history?version=1
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 2/9
Considerando esse contexto, avalie as seguintes asserções e a
relação proposta entre elas.
I. Através do novo recurso let podemos fazer com que uma variável
tenha um valor diferente de seu valor inicial em determinado bloco de
código e depois retorne ao seu valor normal.
PORQUE
II. Através do novo recurso const podemos criar variáveis do tipo
constante, ou seja, em que não pode ter seu valor alterado.
A respeito dessas asserções, assinale a opção correta:
 
As asserções I e II são proposições verdadeiras, mas a II não é uma
justificativa da I.
Correto!Correto!
 
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa da I.
 As asserções I e II são proposições falsas. 
 
A asserção I é uma proposição verdadeira, e a II é uma proposição
falsa.
 
A asserção I é uma proposição falsa, e a II é uma proposição
verdadeira.
A alternativa está correta, pois as asserções I e II são
proposições verdadeiras, mas a II não é uma justificativa da I.
As definições dos novos recursos let e const estão corretas,
porém a definição de const não justifica a de let, pois os
recursos são utilizados de forma independente um do outro.
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 3/9
0,2 / 0,2 ptsPergunta 2
Leia o texto a seguir:
Segundo o Google Think Insights, se um usuário acessar sua página
via dispositivo móvel e não encontrar o que procura, há 61% de
chances de ele desistir e partir para outro site. 
De acordo com o relatório Digital, Social & Mobile 2015, 39% da
população total brasileira já tem acesso à internet via celular e outros
dispositivos móveis. Em número absolutos, a porcentagem representa
79 milhões de brasileiros.
(Fonte: Disponível em: https://resultadosdigitais.com.br/blog/site-
responsivo Acesso em: 12 abr. 2020)(adaptado )
Entre os vários fatores que influenciam a boa experiência de um
usuário ao acessar uma página web via dispositivo móvel está
presente como um dos principais o conceito de web site responsivo,
como podemos definir esse conceito?
Selecione a opção correta:
 
O conceito de web site responsivo tem relação com a velocidade de
carregamento e execução de funções dentro de um site, ou seja,
quando mais rápido mais responsivo.
 
O conceito de web site responsivo é o de que a página acessada se
adeque a tela do dispositivo que está acessando, modificando assim
seu layout e tamanho para se adequar.
Correto!Correto!
 
O conceito de web site responsivo está relacionado a acessibilidade,
onde o site pode se adequar a usuários com necessidades especiais.
 
O conceito de web site responsivo é de que a página tenha todos os
conceitos de usabilidade, sendo assim o usuário consiga encontrar
facilmente tudo aquilo que procura.
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 4/9
 
O conceito de web site responsivo é de que a página do site que for
acessada se adeque exclusivamente a dispositivos móveis.
A alternativa está correta, pois o conceito de web site
responsivo, é o de que a página acessada se adeque a tela do
dispositivo que está acessando, modificando assim seu layout e
tamanho para se adequar. Quando falamos de sites
responsivos não podemos apontar exclusivamente a
dispositivos móveis, pois um site responsivo pode ser adequar
até mesmo a uma smart TV. Além disso velocidade de
carregamento, usabilidade e acessibilidade, são importantes
conceitos de desenvolvimento de interfaces, porém não são a
definição de responsividade.
0,2 / 0,2 ptsPergunta 3
Analise o código ECMAScript6 presente no documento HTML a seguir:
Figura 1: Elaborada pelo autor.
 
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 5/9
O código representa uma manipulação do elemento parágrafo “<p>”
feita através de um script em ECMAScript6, esse script utiliza o novo
recurso de classes para depois manipular o texto do parágrafo de
id=”demo” que é alterado de vazio para “Caique”. 
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. Caso na utilização do construtor o atributo passado fosse “João,
exemplo “aluno = new Aluno(“João”)”, o texto do elemento parágrafo
seria alterado para “João”. 
II. Se na declaração do construtor fosse declarado também a idade do
aluno sua estrutura correta ficaria: 
Class Aluno { 
 constructor(brand, idade){ 
 this.nome = brand; 
 this.idade = idade; 
} 
III. Na linha 18 se alterarmos a instrução “aluno.nome” para “aluno”
teremos a mesma saída já que nome faz parte da classe aluno.
É correto o que se afirmar em:
 II, apenas. 
 I, apenas. 
 II e III, apenas. 
 I e II, apenas. Correto!Correto!
 I e III, apenas. 
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 6/9
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras.
Caso haja uma alteração no valor passado como atributo nome
para o construtor essa alteração será aplicada ao elemento
parágrafo. Além disso, caso seja incluída a idade do aluno em
sua classe, temos que declarar esse elemento recebendo o
valor no construtor.
A afirmação III é falsa, pois a chamada de “aluno” não seria
reconhecida pois naquele caso não é possível imprimir todo o
objeto e sim apenas um de seus atributos como por exemplo
seu nome, “aluno.nome”.
0,2 / 0,2 ptsPergunta 4
Analise as instruções em ES6 presentes no código a seguir:
 
 Figura 1: Elaborada pelo autor.
 
O código apresentado manipula o elemento parágrafo com id de demo
do documento HTML através da função com seta do ECMAScript 6.
Considerando as informações apresentadas, assinale a opção
correta sobre o valor da constante x e saída do elemento
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 7/9
parágrafo (<p>):
 
A constante x terá o valor 10, porém o elemento parágrafo exibirá o
valor 5.
 
A constante x terá o valor 5, porém o elemento parágrafo exibirá o valor
25.
 
A constante x terá o valor 25 e o elemento parágrafo exibirá o mesmo
valor.
Correto!Correto!
 
A constante x terá o valor 10 e o elemento parágrafo exibirá o mesmo
valor.
 
Aconstante x terá o valor 25, porém o elemento parágrafo exibirá o
valor 5.
A alternativa está correta, pois a constante x que terá o valor 25
e o elemento parágrafo exibirá o mesmo valor. Pois a função de
seta declarada pega os valores x e y recebidos e os multiplica
atribuindo esse resultado a constante x, após esse processo o
parágrafo é manipulado através do comando
“document.getElementById(“demo”).innerHTML”.
0,2 / 0,2 ptsPergunta 5
Leia o texto a seguir:
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 8/9
O Bootstrap é uma ferramenta gratuita para desenvolvimento HTML,
CSS e JS. Podem ser criados protótipos rapidamente ou aplicações
completas com as variáveis e mixins Sass, sistemas de grid
responsivo, componentes pré-construídos e poderosos plugins com
jQuery. 
Com o Bootstrap são criados projetos responsivos para dispositivos
móveis na web. O Bootstrap é uma das bibliotecas de componentes
front-end mais populares em todo mundo.
(Fonte: Disponível em: https://getbootstrap.com.br/docs/4.1/getting-
started/introduction/. Acesso em: 12 abr. 2020)(adaptado ) 
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. Podemos incluir o Bootstrap de forma online apontando para o link
oficial fazendo uma referência em nossa página através da tag
“<link>”. 
II. Para a utilização completa do Bootstrap, devemos incluir o script de
CSS, jQuery, JS e Popper. 
III. Quando configurado o Bootstrap não torna o site responsivo a
todos os tipos de dispositivos, somente a dispositivos móveis. 
IV. Através do Bootstrap podemos tornar as imagens de nossa página
responsivas utilizando a classe “responsive”.
Estão corretas apenas as afirmativas:
 I e II Correto!Correto!
 II e III 
 I e III 
 III e IV 
 II e IV 
A+
A
A-
26/07/2022 14:47 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/20511/quizzes/91430 9/9
A alternativa está correta. Apenas as afirmações I e II são
verdadeiras, pois é possível incluir o Bootstrap de forma online
apontando para o link oficial fazendo uma referência em nossa
página através da tag “<link>”, e para a utilização completa do
Bootstrap, devemos incluir o script de CSS, jQuery, JS e
Popper.
A afirmação III está incorreta, pois o Bootstrap configurado
torna o site responsivo para todos os tipos de dispositivos. Já a
afirmação IV está incorreta, pois a classe que que torna as
imagens responsivas é a “img-responsive”.
Pontuação do teste: 1 de 1
A+
A
A-