Teste_ Atividade 4 pdf FRONTEND

Prévia do material em texto

Atividade 4
Iniciado: 20 abr em 15:43
Instruções do teste

Pergunta 1 0,2 pts

Pergunta 2 0,2 pts
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.
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:
Precisa ter suas páginas alteradas nas configurações de zoom a cada diferente dispositivo por meio do qual é
acessado.
Reorganiza o tamanho e posicionamento dos elementos em seu layout conforme o tamanho da tela em que foi
acessado.
Mantém a posição dos elementos e altera o tamanho do layout conforme o dispositivo pelo qual está sendo
acessado.
Fica indisponível quando acessado por meio de um dispositivo cujo dimensionamento da tela não corresponde ao
seu layout.
Apresenta menus, barras e títulos com tamanhos rigorosamente definidos para cada dimensionamento de tela
existente.
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
A+
A
A-
20/04/26, 15:54 Teste: Atividade 4
https://famonline.instructure.com/courses/51083/quizzes/244233/take 1/5

Pergunta 3 0,2 pts
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 é 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.
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 está relacionado a acessibilidade, onde o site pode se adequar a usuários com
necessidades especiais.
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 “”.
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.
A+
A
A-
20/04/26, 15:54 Teste: Atividade 4
https://famonline.instructure.com/courses/51083/quizzes/244233/take 2/5

Pergunta 4 0,2 pts
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
I e II
II e III
III e IV


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 parágrafo ():
A+
A
A-
20/04/26, 15:54 Teste: Atividade 4
https://famonline.instructure.com/courses/51083/quizzes/244233/take 3/5

Pergunta 5 0,2 pts
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 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.
A constante x terá o valor 25, porém o elemento parágrafo exibirá o valor 5.
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 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:
A+
A
A-
20/04/26, 15:54 Teste: Atividade 4
https://famonline.instructure.com/courses/51083/quizzes/244233/take 4/5
Salvo em 15:53 
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 III, apenas.
I, apenas.
I e II, apenas.
II, apenas.
II e III, apenas.
Enviar teste
A+
A
A-
20/04/26, 15:54 Teste: Atividade 4
https://famonline.instructure.com/courses/51083/quizzes/244233/take 5/5