Programação

No desenvolvimento de portfólio, o uso do Bootstrap permitiu que diversos componentes visuais, como botões, cards e modais, fossem integrados com facilidade, sem que todo o código precisasse ser escrito do zero. Além disso, a documentação da biblioteca fornece exemplos prontos, que podem ser personalizados conforme o contexto de uso.

Qual argumentação justifica que o uso do Bootstrap contribui na construção de sites reutilizando partes de soluções existentes?

• Porque permite focar somente na estética da página, sem se preocupar com estrutura

• Porque facilita o uso de modelos prontos, adaptáveis a diferentes ideias e necessidades.

• Porque ensina o estudante a programar tudo do zero, criando suas próprias bibliotecas.

• Porque elimina a necessidade de entender HTML e CSS ao longo do projeto.

Na criação de um site para um clube de leitura, Mariana precisava exibir três resenhas recentes com destaque. Para isso, ela estruturou a página com uma linha (row) contendo três colunas (col-md-4), e dentro de cada coluna usou a classe card com título, imagem e botão de acesso à resenha completa.

Como essa escolha contribui para a experiência de quem visita o site?

• O conteúdo fica organizado e bem distribuído em partes visuais.

• Os elementos de texto são convertidos em imagens dinâmicas.

• As resenhas são ocultadas e só aparecem com o clique em botões.

• A estrutura é substituída por um gráfico interativo em JavaScript.

Durante a criação do seu portfólio, André aplicou a cor #6E859F diretamente em vários trechos do CSS para estilizar botões, links, textos e títulos. Ao final do projeto, decidiu trocar essa cor por um tom diferente, mas percebeu que teria que atualizar manualmente todos os pontos onde o código hexadecimal foi repetido. Após esse desafio, passou a utilizar variáveis CSS para definir as cores principais do site no bloco :root.

Por que o uso de variáveis no CSS, como --cor-principal, torna o código mais eficiente em situações como essa?

• Porque substitui a criação de classes, permitindo escrever menos regras no CSS.

• Porque automatiza a escolha de cores, tornando o site visualmente mais dinâmico

• Porque organiza o conteúdo HTML, facilitando a divisão em diferentes diretórios.

• Porque centraliza os valores usados, facilitando alterações futuras no projeto.

Rafael criou uma seção chamada "Meus Projetos" em seu site, mas os elementos estavam todos empilhados, o que dificultava a visualização. Após analisar exemplos na documentação do Bootstrap, ele aplicou row e col-md-4 para organizar os projetos em três colunas e usou a classe card para criar um visual uniforme com título, texto e botão.

O que muda na apresentação do site de Rafael ao aplicar essas alterações?

• A visualização dos projetos melhora com a divisão em colunas e o uso de estrutura padronizada.

• Os projetos passam a ser exibidos em lista vertical, com separadores visuais entre eles.

• Os projetos passam a ser ocultados, sendo acessados somente por cliques em botões.

• Todos os elementos do site passam a ter rolagem horizontal automática.

Durante a criação do seu portfólio, Bianca percebeu que o título da seção "Meus projetos" estava muito próximo do cabeçalho da página, o que deixava a leitura desconfortável. Ela decidiu buscar uma solução na documentação do Bootstrap para aumentar o espaçamento entre essas seções.

Qual classe do Bootstrap pode ser utilizada para resolver esse problema, promovendo uma separação visual adequada entre os elementos?

• btn-link

• pt-5

• text-center

• mt-5

Durante o desenvolvimento de um jogo, um grupo de estudantes decidiu reorganizar o código usando funções como desenhaPersonagens(), controlaFundo() e verificaVencedor(). Um dos colegas sugeriu manter tudo dentro da função draw() para facilitar a leitura em um só lugar.

Pensando nisso, qual argumento deve ser utilizado para defender o uso das funções criadas?

• Manter tudo na função draw() evita erros de execução e facilita testes.

• As funções ocupam menos linhas no projeto, melhorando a estética visual.

• Usar funções mantém as ações fiquem organizadas e reutilizáveis no código.

• Usar funções diminui a velocidade do jogo, auxiliando no controle de tempo.

Em um jogo digital de futebol, o código verifica quando a bola ultrapassa a linha do gol. O trecho abaixo foi ajustado para interromper o jogo ao detectar um gol:

```js
if (xBola > 350) {
  text("Gol!", 50, 200);
  noLoop();
}
```

Nesse trecho, o uso de noLoop() representa um aperfeiçoamento no controle do jogo, pois ele

• Muda a cor de fundo da tela após o gol.

• Impede que o jogo continue rodando após a condição ser satisfeita.

• Aumenta a velocidade da bola após o gol ser marcado.

• Reinicia o jogo automaticamente após o gol.