Atividade 4_ Interfaces Digitais_ Front-End

Prévia do material em texto

Interfaces Digitais: Front-End - S20261.126 Quizzes A�vidade 4
Conta
Painel de
controle
Cursos
Grupos
Calendário
Caixa de
entrada
Histórico
Ajuda
10
A�vidade 4
Entrega 27 mai em 23:59 Pontos 1 Perguntas 5
Disponível 23 fev em 0:00 - 27 mai em 23:59 Limite de tempo Nenhum
Tenta�vas permi�das 2
Instruções
Este teste foi travado 27 mai em 23:59.
Histórico de tenta�vas
Tenta�va Tempo Pontuação
MAIS RECENTE Tenta�va 1 5 minutos 0,8 de 1
Pontuação desta tenta�va: 0,8 de 1
Enviado 22 abr em 20:21
Esta tenta�va levou 5 minutos.
4
Graduação Semestral | 2026.1
Página inicial
Pesquisa IgniteAI
Avisos
Fóruns
Módulos
Tarefas
Notas
Zoom
Importante:
Caso você esteja realizando a a�vidade através do aplica�vo "Canvas Student", é necessário que você clique em
"FAZER O QUESTIONÁRIO", no final da página.
0,2 / 0,2 ptsPergunta 1
Resposta correta
Leia o texto abaixo:
O ECMAScript é a especificação usada para implementar a linguagem JavaScript. O
ES6, ou ECMAScript 6, é a primeira atualização significa�va 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, garan�ndo ao mesmo
tempo o JavaScript seja executado em mais plataformas.
(Fonte: Disponível em: h�ps://desenvolvedor.expert/o-que-eh-es6-66c8d7631a0b.
Acesso em: 12 abr. 2020)(adaptado )
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 �po 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, e a II é uma jus�fica�va da I. 
 A asserção I é uma proposição falsa, e a II é uma proposição verdadeira. 
 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. 
 As asserções I e II são proposições verdadeiras, mas a II não é uma jus�fica�va da I. ✔
A alterna�va está correta, pois as asserções I e II são proposições verdadeiras,
mas a II não é uma jus�fica�va da I. As definições dos novos recursos let e
const estão corretas, porém a definição de const não jus�fica a de let, pois os
recursos são u�lizados de forma independente um do outro.
0 / 0,2 ptsPergunta 2
Resposta incorreta
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 “” feita através de
um script em ECMAScript6, esse script u�liza 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 u�lizaçã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 e III, apenas. 
 II, apenas. 
 I e II, apenas. ➔
 I e III, apenas. 
 I, apenas. ✕
A alterna�va está incorreta, 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 3
Resposta correta
Leia o texto a seguir:
Segundo o Google Think Insights, se um usuário acessar sua página via disposi�vo
móvel e não encontrar o que procura, há 61% de chances de ele desis�r e par�r 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 disposi�vos móveis. Em
número absolutos, a porcentagem representa 79 milhões de brasileiros.
(Fonte: Disponível em: h�ps://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 disposi�vo 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
disposi�vo que está acessando, modificando assim seu layout e tamanho para se
adequar.
✔
 
O conceito de web site responsivo é de que a página do site que for acessada se
adeque exclusivamente a disposi�vos móveis.
 
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 alterna�va está correta, pois o conceito de web site responsivo, é o de que
a página acessada se adeque a tela do disposi�vo que está acessando,
modificando assim seu layout e tamanho para se adequar. Quando falamos
de sites responsivos não podemos apontar exclusivamente a disposi�vos
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 4
Resposta correta
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
cria�vas - como telões em eventos e monitores conectados a outros disposi�vos. O
que podemos observar é que, para cada disposi�vo, teremos resoluções de tela
bastante variáveis, o que precisa ser considerado pelo programador ao desenvolver
um site.
Nesse sen�do, podemos afirmar que um site responsivo é aquele que:
 
Mantém a posição dos elementos e altera o tamanho do layout conforme o disposi�vo
pelo qual está sendo acessado.
 
Reorganiza o tamanho e posicionamento dos elementos em seu layout conforme o
tamanho da tela em que foi acessado.
✔
 
Fica indisponível quando acessado por meio de um disposi�vo cujo dimensionamento
da tela não corresponde ao seu layout.
 
Apresenta menus, barras e �tulos com tamanhos rigorosamente definidos para cada
dimensionamento de tela existente.
 
Precisa ter suas páginas alteradas nas configurações de zoom a cada diferente
disposi�vo por meio do qual é acessado.
Alterna�va correta. Quando um site é responsivo, sua aparência irá se alterar
a par�r 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 disposi�vo com tela maior.
0,2 / 0,2 ptsPergunta 5
Resposta correta
Analise as instruçõesem 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 parágrafo ():
 A constante x terá o valor 10 e o elemento parágrafo exibirá o mesmo valor. 
 A constante x terá o valor 5, porém o elemento parágrafo exibirá o valor 25. 
 A constante x terá o valor 25, porém o elemento parágrafo exibirá o valor 5. 
 A constante x terá o valor 10, 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. ✔
A alterna�va 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 mul�plica atribuindo esse resultado a constante
x, após esse processo o parágrafo é manipulado através do comando
“document.getElementById(“demo”).innerHTML”.
Pontuação do teste: 0,8 de 1
Anterior Próximo
Detalhes da úl�ma tenta�va:
Tempo:
5
minutos
Pontuação atual: 0,8 de 1
Pontuação
man�da:
0,8 de 1
Mais 1 tenta�va disponível
A+
A
A-
https://famonline.instructure.com/courses/51113
https://famonline.instructure.com/courses/51113/quizzes
https://famonline.instructure.com/courses/51113/quizzes/244562
https://famonline.instructure.com/
https://famonline.instructure.com/profile/settings
https://famonline.instructure.com/
https://famonline.instructure.com/courses
https://famonline.instructure.com/groups
https://famonline.instructure.com/calendar
https://famonline.instructure.com/conversations
https://famonline.instructure.com/courses/51113/quizzes/244562/history?version=1
https://famonline.instructure.com/courses/51113
https://famonline.instructure.com/courses/51113/search
https://famonline.instructure.com/courses/51113/announcements
https://famonline.instructure.com/courses/51113/discussion_topics
https://famonline.instructure.com/courses/51113/modules
https://famonline.instructure.com/courses/51113/assignments
https://famonline.instructure.com/courses/51113/grades
https://famonline.instructure.com/courses/51113/external_tools/52752
https://famonline.instructure.com/courses/51113/modules/items/1517868
https://famonline.instructure.com/courses/51113/modules/items/1478007