Matemática II 3B

Podemos utilizar variáveis CSS para especificar uma cor base através da pseudo classe :root{}. Fazendo isso, conseguimos usá-la em diferentes partes do código de forma mais fácil.

A cor base pode ser representada da seguinte forma:

:root {

--cor-base: #ff6347;

}

Quando queremos aplicar a cor-base como cor de fundo para vários elementos de uma página, como podemos fazer isso? Assinale a alternativa que executa essa tarefa corretamente.

• 
  background-color: var(--cor-base);

• background-color: var(cor-base);

• background-color: --cor-base;

• color: var(--cor-base);

Ao acessar um protótipo do Figma é possível ter a informação das cores de cada elemento, como mostra a figura ao lado:

• :root{

• #6FFF57

• }

• --verde

Enrique estava empolgado para construir uma aplicação web, mas antes ele precisava realizar um brainstorm. Enrique ficou em dúvida sobre qual ferramenta usar. Sobre o uso de ferramentas nesse processo, qual alternativa está correta?

• Podemos usar apenas ferramentas analógicas uma vez que ferramentas digitais não permitem a colaboração e não são confiáveis.

• Podemos usar apenas ferramentas digitais, como FigJam e Jamboard. Utilizar ferramentas analógicas, como papel e caneta, é algo ultrapassado e deve ser evitado.

• Não precisamos usar ferramentas para fazer um brainstorm. É algo que podemos fazer apenas discutindo e trocando ideias sobre o projeto.

• Podemos usar tanto ferramentas digitais quanto analógicas. O importante é refletir sobre a aplicação e planejar o que queremos construir utilizando as ferramentas que nos deixam mais confortáveis.

Enrique irá conduzir um brainstorm. Para isso, ele precisará seguir uma lista de ações. Quais são elas? Ordene todos os blocos abaixo para responder.

• elaborar perguntas

• escolher a ferramenta

• votar nas melhores ideias

• escrever ideias

Complete o texto a seguir colocando os blocos na ordem correta:

Ao iniciar um novo projeto, a fase de ​ (a)   é crucial. Aqui, a equipe explora ideias livremente, usando ferramentas como ​ (b)   e para melhor colaboração e organização. A escolha de recursos ​ (c)   ou analógicos varia conforme a preferência da equipe. Após essa sessão de ideias, a elaboração de um ​ (d)   é essencial para orientar o projeto, assegurando que as ideias sejam efetivamente mantidas e aprimoradas.

• Brainstorm
• FigJam e Jamboard
• digitais
• documento de referência
• analógicos
• projeto

Pedro está começando a estruturar o HTML básico do seu site e já criou algumas “divs” para organizar os elementos da página. Com o objetivo de diferenciar e aprimorar o design e funcionalidade das “divs” em seu site, qual opção Pedro deve escolher para adicionar elementos distintos dentro de cada <div>?

• Inserir um elemento de cabeçalho <h1> para destacar seções.

• Escrever o estilo direto <div> com style para mudar a cor e tamanho

• Adicionar uma class com nomes explicativos e personalizados para cada <div>.

• Implementar uma lista ordenada <ol> para estruturar o conteúdo.

Mariana chegou no momento da programação em que precisa criar várias “divs” para estruturar o conteúdo. Ajude Mariana e organize todos os blocos a seguir para criar uma <div> com a classe “texto-principal”

• Texto principal

• <div

• class = "texto-principal">

• </div>

Vitor é a pessoa desenvolvedora responsável por criar uma página web para um cliente. Uma das exigências é que a página tenha uma caixa principal, um título e um parágrafo dentro desta caixa.

Ordene todos os blocos para ajudar Vitor a cumprir as exigências.

• <p class = "texto-paragrafo">Texto</p>

• <div class = "caixa-principal">

• <div class = "caixa-paragrafo">

• <h1> Título </h1>

Nas aulas, preparamos nosso código de JavaScript e criamos a lista de perguntas contendo objetos de pergunta com os atributos enunciado e alternativas. Sobre objetos, assinale a alternativa correta:

• Em JavaScript, objetos são restritos a um único tipo de dado e não podem conter uma combinação de diferentes tipos.

• Objetos em JavaScript são usados apenas para armazenar dados simples, como números e strings.

• Objetos são defasados e devem ser evitados em programação.

• Objetos são estruturas de dados que podem armazenar tanto dados quanto funcionalidades, agrupando-os em pares de chave e valor.

  
  

Durante a aula foi necessário fazer referências às classes do HTML, para isso, realizamos uma busca no documento pelos elementos que possuíam uma determinada classe.

Agora, organize todos os blocos a seguir para buscar o elemento que possui uma classe chamada texto-principal. :

• ('.texto-principal');

• document.querySelector

• const textoPrincipal =