PROJETO DE VIDA- 3ºB

O HTML é a linguagem de __________ que define a __________ de um site, enquanto o CSS é responsável por definir o __________ do site.
Além disso, o JavaScript é a linguagem de __________ que permite deixar o site mais __________, proporcionando uma experiência mais interativa para a pessoa usuária.

Qual das alternativas completa corretamente os espaços acima?

• A) marcação – estrutura – estilo – programação – dinâmico

• B) estilo – marcação – estrutura – design – funcional

• C) programação – conteúdo – visual – marcação – interativo

• D) estrutura – lógica – estilo – marcação – simples

Identifique o que é um repositório no GitHub e para que ele serve:

• O repositório é uma linguagem de programação, usada para desenvolver aplicativos e sistemas

• O repositório é um programa de edição de código, que permite criar e gerenciar somente arquivos CSS.

• O repositório é um tipo de arquivo de texto, utilizado para armazenar informações de projetos.

• O repositório é um local onde código e arquivos de um projeto são armazenados e gerenciados.

Um grupo de estudantes de tecnologia decide criar um site para divulgar os eventos e as novidades do colégio. Eles querem que o site seja acessível de qualquer dispositivo, portanto, a responsividade é uma prioridade para eles.

Identifique qual das alternativas abaixo representa uma boa prática para implementar responsividade com CSS no site da escola.

• • Usar o recurso @import para importar diferentes arquivos CSS para cada tipo de dispositivo.

  
  

• Atribuir um tamanho fixo para todos os elementos da página.

• Usar o recurso @media para adaptar o layout de acordo com o tamanho da tela.

• Usar somente código JavaScript para adaptar o layout da página.

Qual o método que pode ser utilizado em JavaScript para retirar uma classe de um elemento HTML?

Identifique a alternativa correta:

• length

• onclick

• add

• remove

Considere as afirmações abaixo:

1. Para selecionar todos os elementos HTML com a classe "card", por exemplo, utilizamos o método ______ do objeto document.

2. O loop ______ é usado para iterar sobre cada elemento de uma lista, permitindo que adicionemos um evento de clique a cada um.

3. Ao clicar em um card, a função ______ é executada, removendo a classe "ativo" de todos os cards e adicionando-a ao card que foi clicado.

4. Iterar em programação significa executar repetidamente um conjunto de instruções até que uma condição específica seja atendida.

Qual das alternativas preenche corretamente as lacunas?

• A) querySelectorAll – forEach – ativarCard –

• B) getElementById – for – mostrarAlerta –

• C) getElementsByClassName – map – removerCard –

• D) querySelector – while – clicarCard –

Associe cada afirmativa abaixo com a propriedade CSS que pode ser utilizada, de acordo com a situação:

1. Definir a cor de fundo de um elemento: ______

2. Controlar o espaço entre o conteúdo e a borda do elemento: ______

3. Arredondar os cantos de um elemento: ______

Qual alternativa associa corretamente as propriedades CSS a cada afirmativa?

• • background-color

  • padding

  • border-radius

• • color

  • margin

  • border-style

• • border

  • padding

  • box-shadow

• 1. background-image

  2. gap

  3. border-color

Ana está criando um site para um amigo que vende produtos artesanais. Quais propriedades CSS ela deve usar para:

1. -Esconder os elementos por padrão;

2. -Transformar o texto em maiusculas;

3. -Centralizar o texto.

• display: none; text-align: right; text-transform: center;

• display: block; text-transform: uppercase; visibility: hidden;

• 
  display: none; text-transform: uppercase; text-align: center;

• background-color: var(--texto-fundo); text-transform: lowercase; padding: 40px

Mariana comprou ingressos para 4 shows diferentes para ela e seus amigos. Ela quer garantir que cada amigo vá a pelo menos 1 show e que ela tenha 1 ingresso a mais para levar um convidado surpresa, para qualquer um dos shows.

Sendo assim, aplique o operador correto para garantir que ela tenha um ingresso extra após dividir igualmente os ingressos entre os amigos.

• numeroIngressos == 4 * 4 + 1;

• 
  numeroIngressos % 4 == 1;

• numeroIngressos - 4 % 4 == 0;

• numeroIngressos / 4 == 1;

Você precisa estilizar uma div de classe container, para que ela funcione como um container flexível, com os elementos centralizados e que ajuste o conteúdo automaticamente para telas menores, aplicando uma quebra de linha quando necessário.

Qual das alternativas abaixo contém o código CSS correto para aplicar esse comportamento?

• .container {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  }

• .container {

  display: grid;

  justify-content: space-between;

  align-items: stretch;

  }

• .container {

  display: block;

  text-align: center;

  overflow-wrap: break-word;

  }

• .container {

  position: relative;

  margin: auto;

  white-space: nowrap;

  }

Você está trabalhando em um projeto web que utiliza um menu de navegação com diferentes seções. Cada seção possui um link que, ao ser clicado, deve exibir o conteúdo correspondente e esconder o conteúdo das outras seções.

Escolha a alternativa que descreve a melhor estratégia para implementar essa funcionalidade utilizando JavaScript, considerando os conceitos de querySelectorAll e getElementById.

• Utilizar getElementById para selecionar todos os links do menu e querySelectorAll para selecionar o conteúdo de cada seção, separadamente.

• Utilizar querySelectorAll para selecionar todos os links do menu e getElementById para selecionar o conteúdo de cada seção correspondente.

• Utilizar querySelectorAll para selecionar todos os links do menu e também o conteúdo de cada seção separadamente.

• Utilizar getElementById para selecionar todos os links do menu, e também o conteúdo da seção correspondente.