3 Trimestre - Mat II 3A

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 digitais, como FigJam e Jamboard.

  Utilizar ferramentas analógicas, como papel e caneta, é algo ultrapassado e

  deve ser evitado.

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

• Podemos usar apenas ferramentas analógicas, uma vez que ferramentas

  digitais não permitem a colaboração e não são confiáveis.

• Não precisamos usar ferramentas para fazer um brainstorm. É algo que

  podemos fazer apenas discutindo e trocando ideias sobre o projeto.

Enrique conduzirá um brainstorm. Para isso, ele precisará seguir uma lista de

ações. Quais são elas? Ordene todos os blocos a seguir para responder:

• escrever ideias

• elaborar perguntas

• escolher as ferramentas

• votar nas melhores 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)   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

Pedro está começando a estruturar o HTML básico do seu site e já criou

algumas <div> para organizar os elementos da página. Com o

objetivo de diferenciar e aprimorar o design e funcionalidade das <div> em

seu site, qual opção ele deve escolher para adicionar elementos distintos

dentro de cada <div>?

• Adicionar uma class com nomes explicativos e personalizados para

  cada <div>.

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

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

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

Marina chegou no momento da programação em que precisa criar várias

divs para estruturar o conteúdo. Ajude Marina organizando todos os blocos a

seguir para criar uma div com a classe “texto-principal”:

• </div>

• Texto principal

• 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 dessa caixa. Ordene todos os blocos para ajudar Vitor a

cumprir as exigências. Observação: não se preocupe em fechar as tags

da <div>.

• <p class=”texto-parágrafo>Texto</p>

• <h1>Título</h1>

• <div class=”caixa-paragrafo”>

• <div class=”caixa-principal”>

Nesta aula, 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:

• Objetos em JavaScript são usados apenas para armazenar dados simples,

  como números e strings.

• Objetos são estruturas de dados que podem armazenar tanto dados quanto

  funcionalidades, agrupando-os em pares de chave e valor.

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

• Em JavaScript, objetos são restritos a um único tipo de dado e não podem

  conter uma combinação de diferentes tipos.

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:

• document.querySelector

• const textoPrincipal =

• (‘.texto-principal’);

Imagine que você precisa construir um objeto de uma mensagem que pode

ser enviada para diversos destinatários. O atributo remetente deverá

possuir uma opção de e-mail. Já o atributo destinatários deverá possuir

mais opções.

Agora, construa esse objeto e ordene todos os blocos abaixo.

• “email do remetente”,

• destinatários:

• [ “dest 1” , “dest 2”] }]

• const mensagem = [ {

• remetente:

Utilizamos uma função para fazer a pergunta aparecer na tela.

Sobre funções, assinale a alternativa correta:

• Funções são um conjunto de instruções que podemos chamar diversas vezes

  dentro do código sem a necessidade de reescrevê-lo. Contudo, essa prática

  não é muito utilizada e, portanto, o ideal é reescrever o código toda vez.

• Funções são um conjunto de instruções que podemos chamar diversas

  vezes dentro do código sem a necessidade de reescrevê-lo. Elas podem

  receber parâmetros caso tenhamos que passar informações para dentro

  da função.

• Funções são um conjunto de instruções que podemos chamar diversas

  vezes dentro do código sem a necessidade de reescrevê-lo. Porém, toda

  função deve ser colocada dentro de um objeto.

• Devemos evitar o uso de funções, pois elas deixam o código mais lento.