prova de pensamento computacional

Nesta 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?

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

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

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

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

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.

• .setValue() e .checked().

• .value() e .checked().

• .getText() e .isChecked().

• .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(), fontSize(), textStyle() e rgb().

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

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

Observe o código a seguir:

html,

body { margin: 20px;

padding: 0px;

background-color: rgb(0, 188, 212); }

O que esse código está gerando? Identifique as principais funcionalidades deste trecho de código e escolha a alternativa correta.

• 
  

• O código está definindo margens de 0 pixels para todos os elementos HTML e aplicando a cor azul claro no fundo da página.

• Neste trecho de código, a propriedade background-color está criando um desenho na tela.

• A propriedade margin está controlando as margens, determinando um espaço de 20 pixels entre os elementos da página.

• O código está definindo padding de 12 pixels para todos os elementos HTML e aplicando a cor azul claro no fundo da página.

Na aula, nós aprendemos:

• . Como adicionar um elemento de título na página do recomendador de filmes;

• . Os níveis de títulos que podemos escolher de acordo com sua importância;

• . A identificar um arquivo de estilização;

• . Sobre o sistema de cores primárias, ou seja, vermelho, verde e azul.

Agora é com você! Ordene todos os blocos abaixo que estão relacionados com cada tópico acima, respectivamente.

• createElement() h1 - h6 style.css rgb;

• Element()create h6 style.css rgb;

• Element()create() h1 style.css rgb;

• element()create h6 - h1 style.css rgb;

Construa a seguinte estilização:

• . Crie uma propriedade para colocar a cor de fundo verde em uma página;

• . Aumente o espaço entre elementos da página em 10 pixels.

Para isso, ordene todos os blocos abaixo seguindo a ordem dos tópicos acima.

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

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

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

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

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

• 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 permite que o programa recomende os filmes menos populares para as pessoas.

Nesta 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 representa de forma visual um fluxo de pensamento, e para criá-lo é necessário utilizarmos uma ferramenta digital.

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

Em JavaScript utilizamos o símbolo || para verificar se pelo menos uma das condições é verdadeira em uma expressão, como podemos observar no código abaixo:

let idade = 15;

let possuiPermissao = true;

function verificaIdade(idade, possuiPermissao) { if (idade >= 18 || possuiPermissao) {

return "Você pode dirigir!"; } else { return "Você não pode dirigir."; } }

Analise o código e escolha a alternativa que interpreta corretamente o comando dele:

• Retorna "Você pode dirigir!" apenas se a idade for maior ou igual a 18 anos e possuir permissão.

• Retorna "Você não pode dirigir." apenas se a idade for menor que 18 anos, mesmo se possuir permissão.

• Retorna "Você pode dirigir!" se a idade for maior ou igual a 18 anos ou se possuir permissão.

• Retorna "Você pode dirigir!" apenas se a idade for maior ou igual a 18 anos, independente de possuir permissão.

Carol precisa saber se o usuário do seu site gostaria de receber e-mails com as promoções dos seus produtos. Para isso, ela precisa de um trecho de código para criar a caixa de seleção e um trecho para pegar a informação colocada nesta caixa.

Ordene todos os blocos para adicionar as funções na sequência descritas acima:

• createCheckbox("Gostaria de receber nossas promoções?") campoPromocao = campoPromocao.checked();

• campoPromocao.checked(); campoPromocao = createCheckbox("Gostaria de receber nossas promoções?")

• campoPromocao = createCheckboxcampoPromocao.checked() ("Gostaria de receber nossas promoções?") ;

• campoPromocao = createCheckbox("Gostaria de receber nossas promoções?") campoPromocao.checked();