NEW
Font size
WorksheetsRecuperação 1º ano
Total questions: 10
Worksheet time: 50mins
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 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.
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 mostra as etapas essenciais de um fluxo de pensamento, sem precisar considerar uma sequência lógica.
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.
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.
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() 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.
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().
Durante a aula, você criou um arquivo chamado index.html para iniciar a construção do conteúdo da sua página. Sobre as tags que foram utilizadas, é correto afirmar:
A tag <p> é utilizada para criar títulos.
A tag <header> define o conteúdo da página.
A tag <h1> é utilizada para criar textos menores.
A tag <body> define o conteúdo da página.
Durante a aula você aprendeu a funcionalidade de mais algumas tags importantes na estrutura de uma página. Sobre tags, é correto afirmar:
Usamos a tag <title> para criar o título da página que é exibido na aba no navegador.
Por ser uma tag de organização, a tag <div> não precisa de fechamento, ou seja, de </>.
Assim como no arquivo HTML, ao utilizarmos uma tag no arquivo CSS usamos os caracteres <>.
A tag <title> é responsável por definir o idioma do conteúdo da página.
Durante a aula conhecemos sobre dois tipos de espaçamento: o padding e margin. Agora vamos colocar esses conhecimentos em prática! Vamos desenvolver o seguinte código:
Título com um espaçamento interno de 2 pixels igualmente para todos os lados
O mesmo título com um espaçamento externo superior de 5 pixels
Qual dos códigos abaixo representa corretamente estas modificações?
h1 {
font-size: 40px; padding-right: 2px; margin: 5px;
}
h1 {
font-size: 40px; padding: 2px;
margin-left: 5px;
}
h1 {
font-size: 40px; padding-bottom: 2px; margin: 5px;
}
h1 {
font-size: 40px; padding: 2px;
margin-top: 5px;
}
Maria Clara teve uma ideia incrível para um jogo de aventura. Ela imaginou uma busca por um tesouro escondido e para o jogador encontrá-lo deve procurar pistas em vários pontos turísticos de sua cidade. Mas ela está tendo dificuldade em entender por onde deve começar. Para resolver esse problema, Maria Clara precisa:
Visitar os pontos turísticos da cidade para entender como conectar as etapas.
Elaborar um fluxograma para representar as etapas, telas e textos que estarão conectados conforme o projeto avança para uma próxima fase ou tela.
Começar a programar o jogo imediatamente, já que só a ideia já é planejamento suficiente.
O HTML é a linguagem que estrutura a base de uma página web, e todo documento em HTML precisa ter algumas tags indispensáveis para que a página esteja estruturada corretamente. Agora, escolha a alternativa que representa a hierarquia das tags HTML ao criar uma página.
html, head, body, main
head, html, main, body
body, head, main, html
html, body, main, head
A linguagem de estilização CSS, nos auxilia a personalizar a estrutura HTML que desenvolvemos para uma página web, possibilitando criar uma imagem atrativa e agradável ao usuário.
No entanto, para que essas mudanças ocorram é preciso que uma conexão entre os documentos HTML e CSS seja feita. Isso acontece através:
Da inserção de uma tag no arquivo HTML para vincular o documento CSS.
Da criação de um novo documento que conterá os códigos HTML e CSS juntos.
Do navegador web que conecta os documentos ao exibir a página web.
