PENSAMENTO_COMPUTACIONAL_R1_T3_24

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.

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

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

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

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

• Cor de fundo da área de desenho: azul​ ​ (a)   Tamanho da fonte do texto: 31​ ​ (b)   ​ Alinhamento do texto: centralizado ​ ​ (c)  

• background("blue")
• textSize(31)
• textAlign(CENTER,CENTER)

Na imagem abaixo, estão especificadas as propriedades que representam a cor de fundo, a cor do texto e o texto que indica o conteúdo do campo de preenchimento. ![alt text: Captura de tela de uma página da web em português, destacando mulheres que fizeram história na tecnologia e oferecendo aos usuários a opção de aprender mais, fornecendo suas informações de contato. A seção exibida promove o reconhecimento das contribuições das mulheres para o campo da tecnologia.]. Agora precisamos montar o código que programa, na ordem do enunciado, os elementos destacados (conforme numeração na imagem ao lado). Para isso, ordene todos os blocos.​ 1) ​ (a)   ​ 2) ​ (b)   3) ​ ​ (c)   ​ (d)   ​ (e)  

• fill(
• color(153,255,255))
• createSpan(
• "Nome:")
• background("#8A71C9")

Observe o código que está na imagem ao lado: O que esse código está gerando? Identifique as principais funcionalidades deste trecho de código e escolha a alternativa correta.

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

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

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

• No trecho de código apresentado, a margem está definida como 20 pontos, enquanto a propriedade de preenchimento (padding) está definida como 0 pixels.

Combine o seguinte, coforme você aprendeu no Projeto do Recomendador de Filmes do Alura, na atividade 1 do 3º Trimestre

• createElement()

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

• rgb;

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

• h1 - h6

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

• style.css

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

Reordenar o seguinte conceitos CSS para construir 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.

• backgroun-color:

• rgb(0,255,0)

• margin:

• 10px;

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 da imagem ao lado.

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ê pode dirigir!" se a idade for maior ou igual a 18 anos ou se 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!" apenas se a idade for maior ou igual a 18 anos, independente de possuir permissão.

A função do código abaixo verifica o tipo de acesso de uma plataforma escolar, onde estudantes e professores conseguem acessar suas contas. Para a função funcionar, será preciso adicionar alguns trechos de código dentro dela. Identifique onde precisam ser adicionados os trechos abaixo e ordene-os na mesma sequência em que devem aparecer no código.

function verificaAcesso() {​ ​

(a)   (usuario === "prof" ​​ (b)   usuario === "professor(a)") {

return "Bem-vindo(a), professor(a)!";

}​ ​ (c)   }

​ (d)   ​ (e)  

• if
• | |
• else
• return
• "Bem vindo(a) estudante.";

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:

• campoPromocao

• .checked();

• createCheckbox(

• campoPromocao =

• "Gostaria de receber nossas promoçóes?")

Analise o fluxograma da imagem, que mostra um recomendador de receitas culinárias.

Agora responda a seguinte questão: como podemos aplicar esse fluxograma em um código? Escolha a afirmação que responde corretamente.

• Para colocar em código existem três variáveis passadas como parâmetro na função para armazenar as informações: receita de doce, receita de brigadeiro e encerrar a recomendação.

• Para colocar em código, a função não precisa de condicionais, pois o fluxograma segue uma sequência linear de um processo de fazer brigadeiro.

• Para colocar em código devemos seguir a sequência das afirmações verdadeiras, da receita de doce até o passo a passo de como fazer brigadeiro, para aplicar condicionais dentro de condicionais.

• Para colocar em código, deve ser criada apenas uma checkbox, que servirá para obter a informação de que a pessoa quer ou não uma receita de brigadeiro.