Recuperação da aV2

Questão 1

Durante a criação de um álbum de fotos interativo, os alunos perceberam que estavam repetindo o mesmo código várias vezes para ampliar ou recolher imagens. Para deixar o código mais simples e organizado, criaram uma função reutilizável que controla a visibilidade da imagem usando uma classe de estilo.

Veja o trecho do código:

```js
function alternaFoto() {
  imagemEstaVisivel = !imagemEstaVisivel;
  miniatura.classList.toggle("ampliada", imagemEstaVisivel);
}
miniatura.addEventListener("click", alternaFoto);
```

Com base no código apresentado, qual é o papel do método “toggle” dentro da função?

• A) Ativar uma repetição automática da ação de clique, baseando-se em intervalos de tempo.

  
  

• B) Controlar a adição e remoção de classes, definindo um estilo aplicado ao elemento de imagem.

  
  

• C) Organizar o código, unificando o comportamento de várias imagens em uma única função.

  
  

• D) Criar uma lista com todas as imagens, facilitando o controle e manuseio no código.

  
  

Questão 2

Durante a criação de um painel de informações para uma viagem escolar, os estudantes construíram cartões informativos que exibem o destino, a data e o responsável por cada saída. Para refinar o código inicial, utilizaram a interpolação de variáveis com “${}”.

Observe:

```js
function criarCartaoViagem(destino, data, responsavel) {
  const cartao = document.createElement("div");


  cartao.innerHTML = `
    <div class="viagem__info">
      <h4>${destino}</h4>
      <p>Data: ${data}</p>
      <p>Responsável: ${responsavel}</p>
    </div>
  `;

  return cartao;
}
```

Com base no código desenvolvido, qual é o papel da interpolação de variáveis “${}” no refinamento do algoritmo?

• A) Substituir variáveis em texto por ícones visuais, aprimorando a visualização na tela principal do projeto.

  
  

• B) Facilitar a criação de textos dinâmicos, incorporando variáveis diretamente dentro de uma estrutura de HTML.

  
  

• C) Ocultar os dados sensíveis antes de enviá-los ao navegador, analisando caso a caso com uma estrutura condicional.

  
  

• D) Formatar as datas automaticamente no padrão internacional, permitindo a visualização em diversos dispositivos.

  
  

Questão 3

Joaquina está criando um site para um clube de astronomia. Para manter o estilo visual, ela usou a mesma paleta de cores em várias seções da página. Observe:

```css
.cabecalho {
  background-color: #0d1b2a;
  color: #e0e1dd;
  border-bottom: 4px solid #e0e1dd;
}

.menu {
  background-color: #1b263b;
  color: #e0e1dd;
}

.rodape {
  background-color: #0d1b2a;
  color: #e0e1dd;
  border-top: 2px solid #e0e1dd;
}
```

O que Joaquina deve fazer para tornar seu código mais organizado e facilitar a manutenção das cores em todo o site?

• A) Agrupar as propriedades semelhantes em um único seletor CSS, melhorando a exibição das informações.

  
  

• B) Criar uma cartela de variáveis CSS, representando as cores utilizadas com frequência.

  
  

• C) Definir as cores dinamicamente via DOM no JavaScript, evitando repetições de estilo no CSS.

  
  

• D) Aplicar classes com nomes genéricos para os elementos principais, tornando o estilo mais dinâmico.

  
  

Questão 4

Um grupo de estudantes decidiu refinar seu projeto, criando cards interativos com JavaScript. Observe:

```js
function criaCartao(categoria, pergunta, resposta) {
  let container = document.getElementById("container");
  let cartao = document.createElement("p");
  cartao.className = "cartao";

  cartao.innerHTML = (
    <div class="cartao__conteudo">
      <h3>${categoria}</h3>
      <div class="cartao__conteudo__pergunta">
        <p>${pergunta}</p>
      </div>
      <div class="cartao__conteudo__resposta">
        <p>${resposta}</p>
      </div>
    </div>
  );

  container.appendChild(cartao);
}
```

No entanto, após o refinamento, os cards apareceram incorretamente na tela do projeto. Veja um dos cartões abaixo:

• A) Substituir o método innerHTML por querySelector, para acessar elementos diretamente.

  
  

• B) Usar aspas duplas ("") no conteúdo HTML, para evitar erros de interpretação da string.

  
  

• C) Trocar createElement("p") por createElement("article"), para criar um agrupamento de tags no HTML.

  
  

• D) Remover o parâmetro categoria da função principal e do innerHTML, para simplificar a exibição dos cartões.

  
  

Questão 5

Para um site de curiosidades sobre diferentes áreas do conhecimento, uma equipe de estudantes criou cartões informativos com perguntas e respostas. Como refinamento, decidiram colocar as informações em um arquivo separado do código que monta os cartões.

Arquivo curiosidades.js

```js
criaCartao(
  "Ciência",
  "O que é fotossíntese?",
  "É o processo em que plantas produzem energia a partir da luz do sol."
);
```

Com base nisso, qual é a vantagem de guardar as perguntas e respostas em um arquivo separado do código que monta os cartões?

• A) Reduzir a complexidade de código e visual da aplicação.

  
  

• B) Garantir que o conteúdo seja carregado automaticamente ao iniciar o site.

  
  

• C) Evitar que o conteúdo seja reutilizado em projetos de outras pessoas.

  
  

• D) Organizar os dados e separar responsabilidades no site.

  
  

Questão 6

Diana acabou de se formar no Ensino Médio e começará a dar aulas de Língua Portuguesa para uma turma de idosos em seu bairro. Ao receber as primeiras informações sobre sua turma, ela precisa verificar apenas os alunos que estão matriculados em seu curso. Observe:

Tabela de alunos

Id_aluno Nome Idade

1 Joaquim 62

2 Vânia 65

3 José 67

Tabela de matrículas

Id_matrícula Id_aluno Curso

101 8 Matemática

102 2 Português

103 5 Informática

Nesse contexto, o que Diana deve fazer para que consiga visualizar os alunos que estão matriculados em sua turma?

• A)

  Considerar os alunos que possuem uma matrícula registrada, utilizando a correspondência entre os códigos das duas tabelas.

  
  

• B)

  Unir os dados dos alunos com os dados das matrículas, independente da correspondência entre os registros.

  
  

• C)

  Apresentar as informações gerais dos alunos, independentemente de estarem matriculados em algum curso.

  
  

• D)

  Priorizar as informações da tabela de matrículas, mesmo que eventualmente existam matrículas sem alunos correspondentes.

  
  

Questão 7

Para sua segunda aula, Diana decidiu explorar as vírgulas! Assim, apresentou aos seus alunos a seguinte oração:

“Deixo meus bens à minha irmã não a meu sobrinho jamais será paga a conta do alfaiate nada aos pobres.”

Em seguida, pediu que eles sugerissem onde colocar as vírgulas, observando as variações de sentido.

Nesse contexto, se usássemos o método split() para dividir a oração apresentada por Diana, o que aconteceria?

• A)

  O split() dividiria a oração corretamente em ideias, separando claramente o que deveria ser deixado para cada pessoa.

  
  

• B)

  O split() identificaria a ambiguidade da oração e separaria os blocos com base no contexto.

  
  

• C)

  O split() sempre dividiria corretamente qualquer tipo de oração, desde que estivessem em português.

  
  

• D)

  O split() separaria a oração apenas por espaços, sem entender o sentido ou a ambiguidade das palavras.

  
  

Questão 8

Após um mês de aulas, Diana notou que alguns de seus alunos não compreendiam muito bem o som das letras de algumas palavras devido à idade avançada e decidiu criar uma página HTML que seja capaz de soletrar palavras inseridas, para que eles possam ouvir letra por letra. Para isso, ela usou as estruturas de strings e arrays, como mostrado no exemplo seguir:

let palavra = "amizade";

let letras = ["a", "m", "i", "z", "a", "d", "e"];

O que diferencia strings e arrays nesse contexto?

• A)

  Strings e arrays permitem modificar letras diretamente, então qualquer um pode ser usado para editar palavras.

  
  

• B)

  Strings são imutáveis, ou seja, seus caracteres precisam ser mantidos conforme o original ao realizar alterações diretas.; arrays permitem modificações como troca de letras.

  
  

• C)

  Arrays devem permanecer inalterados depois de criados, mas strings podem ser alterados.

  
  

• D)

  Strings podem ser percorridas letra por letra; arrays servem para listas de números.

  
  

Questão 9

Após tratar as informações de seus alunos, Diana está encontrando algumas dificuldades com a automatização da ordenação de algumas informações para melhorar suas aulas.

Pensando nisso, qual é uma característica das funções automáticas de ordenação?

• A)

  As funções de ordenação automatizam tarefas mecânicas, mas apresenta dificuldade em interpretar significado, contexto ou intenção como o ser humano.

  
  

• B)

  Ordenar ideias em um texto argumentativo é uma tarefa simples que pode ser feita automaticamente por funções como sort().

  
  

• C)

  O uso de ordenação automática é ideal para decidir quais valores são mais justos ou corretos em dilemas morais.

  
  

• D)

  Com algoritmos suficientes, é possível automatizar totalmente até mesmo a classificação de sentimentos e intenções humanas.

  
  

Questão 10

Para a penúltima aula com sua turma, Diana propõe um desafio: eles precisam identificar, na oração a seguir, quais são os adjetivos:

let frase = ["A", "menina", "alegre", "e", "curiosa", "brincava", "no", "jardim"];

Após discutirem em grupo, os estudantes concordaram que as palavras "alegre" e "curiosa" são adjetivos.

Agora, para automatizar a exibição dessas palavras, qual chamada do método slice() pode ser usada para extrair apenas os adjetivos do array?

• A)

  frase.slice(3, 6);

  
  

• B)

  frase.slice(1, 3);

  
  

• C)

  frase.slice(2, 4);

  
  

• D)

  frase.slice(2, 5);