Atividade Objetiva 4_ Interfaces Digitais_ Front-End

Prévia do material em texto

27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 1/9
Atividade Objetiva 4
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 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 de fev de 2021 em 14:24
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.
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
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 2/9
Esta tentativa levou 2 minutos.
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:
 
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.
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 3/9
 
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:
 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.
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 4/9
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”.
0,2 / 0,2 ptsPergunta 3
Analise o código ECMAScript6 presente no documento HTML a seguir:
Figura 1: Elaborada pelo autor.
 
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 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:
 I e II, apenas. Correto!Correto!
 II, apenas. 
 II e III, apenas. 
 I, apenas. 
 I e III, apenas. 
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 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
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?
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 7/9
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 é 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.
27/02/2023, 08:08 Atividade Objetiva 4: InterfacesDigitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 8/9
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 5
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.
27/02/2023, 08:08 Atividade Objetiva 4: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/47073 9/9
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 
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