Font size
WorksheetsAvaliação2 - 1ºano 2ºtri
Total questions: 15
Worksheet time: 18mins
Nas aulas anteriores, 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 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 não é essencial. É possível recomendar bons filmes com informações mais gerais.
Adicionar informações específicas nos filmes permite que o programa recomende os filmes mais populares para as pessoas.
Analise as sentenças e vamos refresque a memória com alguns pontos importantes que precisam ser considerados no projeto respondendo com verdadeiro ou falso:
( ) Explorar diferentes categorias e faixas etárias de filmes pode enriquecer ainda mais o projeto; (a)
( ) Uma forma de incluir características sobre os filmes é utilizando palavras-chave; (b)
( ) Na recomendação, a categoria do filme é levada mais em conta do que a faixa etária; (c)
( ) O usuário pode gostar de mais de uma categoria, mas os filmes não podem se encaixar em mais de uma delas; (d)
No arquivo JavaScript, usamos (a) para listar os filmes em forma de comentário. Em seguida, buscamos informações mais específicas relacionadas aos filmes. Essas informações foram obtidas na plataforma (b) . Em ordem de prioridade, duas características serão consideradas na recomendação: (c) e (d) .
Analise o fluxograma a seguir, que representa o processo de recebimento de uma compra via aplicativo:
Quando pedimos algo, ficamos ansiosos pela entrega, mas é necessário esperar. No momento em que a pessoa entregadora chega, é comum termos que informar um código para que a pessoa libere o pedido. Às vezes, erramos este código, e o pedido só pode ser liberado após o código correto ser informado.
Dito isto, ordene a sequencia correta de blocos abaixo para completar os campos do fluxograma.
Pedido chegou?
aguardar
informar o código
retira o pedido
Observe os conceitos abaixo:
1- Função usada para criar um campo onde se pode inserir dados, como texto ou números. Esses dados servem para realizar diversas operações dentro do código.
2- Um método usado para pegar o valor inserido em um campo de entrada, como um campo de texto, e usá-los em diversas operações.
3- São usadas para tomar decisões com base em certas condições, permitindo que o programa tome diferentes caminhos de acordo com elas.
4- Possuem nomes específicos e são usadas para armazenar e manipular dados com diferentes tipos de informações, como números, textos ou valores tipo verdadeiro ou falso.
Abaixo, temos quatro identificações que representam cada um desses conceitos. Ordene todos os blocos para relacionar cada identificação, ao conceito correspondente.
createImput()
.value()
if() else()
variáveis;
Você criou uma função que verifica se o número, sorteado por uma pessoa, é o número da sorte com base em alguns valores predefinidos. Para que a função seja executada, será preciso adicionar alguns códigos dentro dela.
Agora, ordene todos os blocos abaixo para completar as lacunas do código e executar corretamente a função verificarNumeroDaSorte.
(a) (b) (c) (d)
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().
.getText() e .isChecked().
.value() e .isChecked().
.value() e .checked().
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().
fill(), textSize(), textAlign() e color().
fillStyle(), fontSize(), textAlign() e color().
color(), textSize(), textAlign() e fill().
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.
Na imagem , 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.
Agora precisamos montar o código que programa, na ordem do enunciado, os elementos destacados na imagem acima. Para isso, ordene todos os blocos.
background("8A71c9")
fill(
color(135, 255, 255))
createSpan(
"Nome;")
Observe o código a seguir:
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.
Nas aulas anteriores, nós aprendemos:
Como adicionar um elemento de título na página do recomendador de filmes; (a)
Os níveis de títulos que podemos escolher de acordo com sua importância; (b)
A identificar um arquivo de estilização; (c)
Sobre o sistema de cores primárias, ou seja, vermelho, verde e azul. (d)
Agora é com você! Ordene todos os blocos abaixo que estão relacionados com cada tópico acima, respectivamente.
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.
(a) (b) (c) (d)
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:
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.
Avalie os pontos abaixo e marque as afirmações como Verdadeiras (V) ou Falsas (F):
Um fluxograma oferece uma visualização mais clara dos passos de um projeto que precisa ser executado; (a)
Um fluxograma é um tipo de gráfico que não tem utilidade prática em projetos de programação; (b)
Um fluxograma pode gerar automaticamente código de programação a partir da visualização dos seus gráficos; (c)
Um fluxograma pode ser adaptado para diferentes cenários ou contextos. (d)
