Recuperação dos Projetos.

Na aula, criamos uma lista de filmes para ser usada em um programa

que recomenda filmes para as pessoas. O ponto-chave dessa lista foi incluir

a categoria e classificação indicativa dos filmes. Pensando nisso, escolha a

alternativa correta:

• Adicionar informações específicas nos filmes permite que o programa

  recomende os filmes mais populares para as pessoas.

• Adicionar informações específicas nos filmes não é essencial. É possível

  recomendar bons filmes com informações mais gerais.

• Adicionar informações específicas nos filmes garante que eles sejam

  recomendados apropriadamente para a faixa etária e os interesses das

  pessoas que vão utilizar o recomendador.

Agora, vamos refrescar a memória com alguns pontos importantes que

precisam ser considerados no projeto:

1 - Explorar diferentes categorias e faixas etárias de filmes pode enriquecer

ainda mais o projeto;

2 - Uma forma de incluir características sobre os filmes é utilizando palavras-

-chave;

3 - Na recomendação, a categoria do filme é levada mais em conta do que a

faixa etária;

4 - O usuário pode gostar de mais de uma categoria, mas os filmes não

podem se encaixar em mais de uma delas.

• Verdadeiro

• Falso

• Falso

• Verdadeiro

Observe o fluxograma a seguir, que tem como objetivo representar o processo

de aprovação/recuperação de um estudante com base na nota da prova:

a

b

c

Férias

Recuperação

A nota foi maior que 7?

Na aula, desenhamos um fluxograma levando em conta a faixa etária e a

categoria dos filmes da nossa lista. A partir disso, conseguimos compreender

um pouco sobre o que é um fluxograma na prática. Escolha a alternativa

correta.

• Um fluxograma mostra, de forma visual e organizada, um fluxo de

  pensamento, mas tem como desvantagem ser difícil de entender em

  relação a outros métodos de explicação.

• Um fluxograma é uma representação visual de um fluxo de pensamento,

  mostrando suas etapas em uma sequência lógica e usando símbolos

  específicos para isso, como formas geométricas e setas.

• Um fluxograma mostra as etapas essenciais de um fluxo de pensamento,

  sem precisar considerar uma sequência lógica.

• Um fluxograma representa, de forma visual, um fluxo de pensamento, e para

  criá-lo é necessário utilizarmos uma ferramenta digital.

Na aula, além de manipularmos as funções draw() e setup(), criamos uma

nova função chamada geraRecomendacao().

Agora responda: Porque foi necessário criar uma nova função ao invés de

utilizarmos as que já existiam no editor?

Escolha uma alternativa correta:

• As funções draw() e setup() são reservadas para a lógica de manipulação

  de elementos gráficos e configurações de tela, não para a lógica de gerar

  recomendações de filmes.

• As funções draw() e setup() não têm a capacidade de processar e gerar a

  lógica de recomendações de filmes com base em critérios específicos, como

  idade e preferências.

• Na verdade, utilizar as funções draw() e setup() seria uma abordagem

  eficiente, pois já são usadas para manipulação de elementos gráficos,

  podendo ser adaptadas para gerar recomendações de filmes.

• A criação de uma nova função específica para gerar recomendações evita

  a mistura da lógica de manipulação de elementos gráficos com a de

  recomendações de filmes, garantindo um código mais organizado e fácil de

  manter.

Você precisa adicionar dois métodos à página de inscrição de um site:

• Um método para ler o que é digitado em um campo de texto.

• Outro método para verificar se uma caixa de seleção está marcada ou não.

Agora, escolha a alternativa correta que representa os métodos a serem

adicionados no código da página.

• .getText() e .isChecked().

• .value() e .checked().

• .setValue() e .checked().

• .value() e .isChecked().

As afirmações abaixo descrevem alguns métodos de estilização do JavaScript.

Analise as afirmações com atenção e escolha a alternativa correta que contém

os métodos que realizam as seguintes estilizações, respectivamente:

• Define a cor de preenchimento de formas, texto e outros elementos

gráficos;

• Ajusta o tamanho das letras para torná-las maiores ou menores;

• Alinha o texto horizontalmente e/ou verticalmente em relação a uma área;

• Cria cores com diferentes tons de vermelho, verde e azul.

• fill(), textSize(), textAlign() e color().

• color(), textSize(), textAlign() e fill().

• fillStyle(), fontSize(), textAlign() e color().

• color(), fontSize(), textStyle() e rgb().

Queremos criar uma área de desenho com as seguintes propriedades: • Cor de fundo da área de desenho: azul​ ​ (a)   • Tamanho da fonte do texto: 31​ ​ (b)   • Alinhamento do texto: centralizado​ ​ (c)  

Agora é com você! Ordene todos os blocos que representam a aplicação

dessas propriedades.

• background(“blue”)
• textSize(31)
• textAlign(CENTER, CENTER)

Observe o código ao lado.

O que esse código está gerando? Identifique as principais funcionalidades

desse trecho de código e escolha a alternativa correta.

• O código está definindo margens de 0 pixel para todos os elementos HTML e

  aplicando a cor azul-claro no fundo da página.

• A propriedade margin está controlando as margens, determinando um

  espaço de 20 pixels entre os elementos da página.

• Nesse trecho de código, a propriedade background-color está criando um

  desenho na tela.

Construa a seguinte estilização: Crie uma propriedade para colocar a cor de fundo verde em uma página;​ ​ (a)   ​ ​ (b)   Aumente o espaço entre elementos da página em 10 pixels.​ (c)   ​ ​ (d)   Para isso, ordene todos os blocos abaixo seguindo a ordem dos tópicos acima.

• background-color:
• rgb(0, 255, 0);
• margin:
• 10px;