Interfaces Digitais: Front-End - Atividade 4 FAM

 Pergunta 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:

Grupo de escolhas da pergunta

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.

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.

Precisa ter suas páginas alteradas nas configurações de zoom a cada diferente dispositivo por meio do qual é acessado.

 

Sinalizar pergunta: Pergunta 2

Pergunta 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.

Considerando as informações apresentadas, assinale a opção correta sobre o valor da constante x e saída do elemento parágrafo (<p>):

Grupo de escolhas da pergunta

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.

A constante x terá o valor 5, porém o elemento parágrafo exibirá o valor 25.

A constante x terá o valor 10 e o elemento parágrafo exibirá o mesmo valor.

 

Sinalizar pergunta: Pergunta 3

Pergunta 3

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:

Grupo de escolhas da pergunta

I e III

I e II

II e III

III e IV

II e IV

 

Sinalizar pergunta: Pergunta 4

Pergunta 4

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 )
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:

Grupo de escolhas da pergunta

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 falsa, e a II é uma proposição verdadeira.

As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I.

A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.

 

Sinalizar pergunta: Pergunta 5

Pergunta 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 “<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:

Grupo de escolhas da pergunta

II e III, apenas.

I, apenas.

II, apenas.

I e II, apenas.

I e III, apenas.