PROGRAMAÇÃO

Um estudante está criando uma simulação de meteoros que atravessam o céu. Para controlar as posições horizontais de cada meteoro, ele decidiu usar uma lista

chamada xMeteoro.

Ele controlava cada meteoro com variáveis separadas: Um amigo sugeriu uma forma mais organizada e eficiente de representar os mesmos dados, usando uma lista. As listas permitem agrupar vários valores em uma

única estrutura, facilitando a leitura, edição e repetição de comandos no código.

Pensando nisso, como é a forma refinada de representar os valores das posições horizontais dos meteoros utilizando uma lista em JavaScript?

• let xMeteoro = {100, 200, 300};

• let xMeteoro = "100, 200, 300";

• let xMeteoro = [100 200 300];

• let xMeteoro = (100, 200, 300);

• let xMeteoro = [100, 200, 300];

Answer explanation

A forma correta de representar uma lista em JavaScript é usando colchetes []. A opção 'let xMeteoro = [100, 200, 300];' é a única que segue essa sintaxe, agrupando as posições dos meteoros de forma organizada.

Uma equipe de estudantes está desenvolvendo um site para um evento acadêmico. Ao testar o site, perceberam que os textos e imagens estavam muito próximos

das bordas da tela, dificultando a leitura e deixando o layout com aparência desorganizada.

Para resolver isso, eles consultaram a documentação do Bootstrap e descobriram uma classe que resolve o problema. Essa classe pode ser usada para melhorar

o espaçamento horizontal do conteúdo.

A classe encontrada pelos estudantes foi a

• img

• container

• head

• row

• text-center

Answer explanation

A classe 'container' do Bootstrap é utilizada para criar um espaçamento adequado nas bordas da tela, melhorando a apresentação do conteúdo. As outras opções não têm essa função específica de espaçamento.

Em um jogo de corrida com robôs coloridos, o estudante precisa verificar se algum robô cruzou a linha de chegada. Os robôs têm suas posições armazenadas em

uma lista xRobo, e seus símbolos visuais em uma lista robo.

A seguir, o trecho do código utilizado para verificar o vencedor:

• reinicia o valor da variável i para zero ao final de cada repetição.

• garante que o código dentro do if será executado somente uma vez.

• diminui o valor da variável i para percorrer a lista de trás para frente.

• aumenta o valor de i em 1 a cada repetição percorrendo os elementos da lista.

• estabelece a condição de parada para que o for acesse os índices em mais de uma função.

Answer explanation

A opção correta descreve que o código aumenta o valor de i em 1 a cada repetição, permitindo percorrer todos os elementos da lista xRobo. Isso é essencial para verificar se algum robô cruzou a linha de chegada.

Durante a personalização do cabeçalho de seu portfólio, um estudante decidiu estilizar a imagem de perfil.

Abaixo está o trecho de código que ele utilizou:

<img src="avatar.png" alt="avatar do Fernando" class="rounded-circle" width="150" height="150">

A imagem do estudante aparecerá da seguinte forma em seu site:

• 
• 
• 
• 
• 

Conside que o retângulo branco ao fundo representa o tamanho de uma tela desktop de 1440 pixel de largura. Assim, o resultado visual gerado com o uso da

classe col-md-4 em um sistema de grid com 12 colunas está representado em:

• 
• 
• 
• 
• 

Durante o desenvolvimento de um jogo de corrida, um estudante percebeu que sua função desenhaLinhaDeChegada repetia diversos comandos rect para

desenhar quadrados pretos intercalados na linha de chegada. Para melhorar o código, ele resolveu utilizar um laço de repetição.Qual a estrutura utilizada no código representa um refinamento da solução inicial?

• A A repetição de comandos rect com diferentes valores de y.

• O uso de retângulos menores sobrepostos à linha de chegada.

• O desenvolvimento de um for que automatizou a criação dos quadrados pretos.

• O uso da função fill para definir a cor branca e preta dos retângulos.

• A criação da variável y fora do for, para ser usada em outros trechos do código.

Answer explanation

O uso de um laço 'for' para automatizar a criação dos quadrados pretos é um refinamento, pois elimina a repetição de comandos e torna o código mais eficiente e fácil de manter.

Em seu portfólio, Ana criou uma seção para listar os cursos que já realizou. Para isso, ela usou a seguinte estrutura HTML:

Como o uso repetido da tag <p> dentro da <div> ajuda na construção dessa parte da página?

• Ela transforma os cursos em links clicáveis automaticamente.

• Ela permite substituir <p> por <table> sem alterar a estrutura.

• Ela cria um bloco único de texto com quebra automática de linha.

• Ela garante que todos os cursos tenham o mesmo estilo com alinhamento visual.

• Ela evita que os cursos fiquem visíveis antes do carregamento completo da página.

Answer explanation

O uso repetido da tag

dentro da

garante que todos os cursos tenham o mesmo estilo visual, proporcionando um alinhamento consistente e facilitando a leitura, o que é essencial para a apresentação dos cursos no portfólio.

Ao criar um cartão em seu projeto, Gabriela notou que os botões adicionados estavam muito próximos do título. Ao procurar na documentação do Bootstrap ela

encontrou uma classe que adiciona o espaçamento adequado deixando o projeto visualmente mais agradável, ela adicionou a classe no elemento botão.

Veja o cartão criado antes e depois do espaçamento.

A classe utilizada para adicionar o espaçamento entre o título e o botão foi

• margin-top: 5px

• padding-top-5

• margin-5

• m-5

• mt-5

Answer explanation

A classe 'mt-5' do Bootstrap é utilizada para adicionar uma margem superior de 5 unidades, criando o espaçamento necessário entre o título e o botão, melhorando a estética do cartão.

João está ajustando o layout de um formulário em seu site e percebeu que os campos de entrada estão muito próximos uns dos outros. Consultando a documentação do Bootstrap, ele encontrou uma classe que pode ser aplicada para adicionar espaçamento vertical entre os campos. Qual classe ele deve utilizar?

• row-cols-2

• container-fluid

• text-right

• p-0

• mb-3

Answer explanation

A classe 'mb-3' do Bootstrap adiciona uma margem inferior de 1rem, criando espaçamento vertical entre os campos de entrada. As outras opções não são adequadas para esse propósito.

Em um projeto de portfólio, Carla deseja alinhar centralizadamente todos os títulos das seções usando Bootstrap. Qual classe ela pode adicionar aos elementos para garantir esse alinhamento?

• justify-content-end

• container

• align-bottom

• text-center

• m-0

Answer explanation

A classe 'text-center' do Bootstrap é utilizada para centralizar o texto dentro de um elemento. Portanto, para alinhar centralizadamente os títulos das seções, Carla deve usar 'text-center'.