Atividade Objetiva 4_ Interfaces Digitais_ Front-End

Prévia do material em texto

13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 1/8
Atividade Objetiva 4
Entrega 2 jun em 23:59 Pontos 1 Perguntas 5
Disponível 10 fev em 0:00 - 2 jun em 23:59 4 meses Limite de tempo Nenhum
Tentativas permitidas 2
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MANTIDO Tentativa 2 2 minutos 1 de 1
MAIS RECENTE Tentativa 2 2 minutos 1 de 1
Tentativa 1 Menos de 1 minuto 0,2 de 1
Pontuação desta tentativa: 1 de 1
Enviado 21 fev em 14:24
Esta tentativa levou 2 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
Atualmente, há muitas formas de acessar um conteúdo da internet -
por meio de um computador, de um tablet, de um notebook, de um
smartphone, entre outras opções criativas - como telões em eventos e
monitores conectados a outros dispositivos. O que podemos observar
é que, para cada dispositivo, teremos resoluções de tela bastante
variáveis, o que precisa ser considerado pelo programador ao
desenvolver um site.
Nesse sentido, podemos afirmar que um site responsivo é aquele que:
https://famonline.instructure.com/courses/12959/quizzes/47073/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/47073/history?version=2
https://famonline.instructure.com/courses/12959/quizzes/47073/history?version=1
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 2/8
 
Reorganiza o tamanho e posicionamento dos elementos em seu layout
conforme o tamanho da tela em que foi acessado.
Correto!Correto!
 
Precisa ter suas páginas alteradas nas configurações de zoom a cada
diferente dispositivo por meio do qual é acessado.
 
Mantém a posição dos elementos e altera o tamanho do layout
conforme o dispositivo pelo qual está sendo acessado.
 
Apresenta menus, barras e títulos com tamanhos rigorosamente
definidos para cada dimensionamento de tela existente.
 
Fica indisponível quando acessado por meio de um dispositivo cujo
dimensionamento da tela não corresponde ao seu layout.
Alternativa correta. Quando um site é responsivo, sua aparência
irá se alterar a partir do reposicionamento dos elementos com
base na tela em que o site é acessado, e então o tamanho do
layout é, por conseguinte, também alterado conforme o
tamanho da tela. Quando a tela é pequena, os elementos
principais podem ser priorizados em relação a outros no layout,
simplificando ou modificando a estrutura como é vista em outro
dispositivo com tela maior.
0,2 / 0,2 ptsPergunta 2
Analise as instruções em ES6 presentes no código a seguir:
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 3/8
 
 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
parágrafo (<p>):
 
A constante x terá o valor 10 e o elemento parágrafo exibirá o mesmo
valor.
 
A constante x terá o valor 10, porém o elemento parágrafo exibirá o
valor 5.
 
A constante x terá o valor 25, porém o elemento parágrafo exibirá o
valor 5.
 
A constante x terá o valor 25 e o elemento parágrafo exibirá o mesmo
valor.
Correto!Correto!
 
A constante x terá o valor 5, porém o elemento parágrafo exibirá o valor
25.
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”.
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 4/8
0,2 / 0,2 ptsPergunta 3
Analise o código ECMAScript6 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 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:
 I e II, apenas. Correto!Correto!
 II, apenas. 
 II e III, apenas. 
 I, apenas. 
 I e III, apenas. 
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 5/8
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
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:
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 6/8
 
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 é de que a página do site que for
acessada se adeque exclusivamente a dispositivos móveis.
 
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.
 
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.
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 seradequar
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 5
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 7/8
Leia o texto a seguir:
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:
 II e IV 
 I e III 
 II e III 
 I e II Correto!Correto!
 III e IV 
13/04/2021 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 8/8
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