1-Nesta aula, utilizamos o GitHub para subir nosso código em um repositório.

Escolha a alternativa correta.

• a) GitHub é um editor de texto para escrevermos código.

• b) GitHub é uma plataforma de hospedagem de arquivos de código. Ele

  permite que pessoas desenvolvedoras e qualquer usuário cadastrado na

  plataforma contribuam em projetos.

• c) O GitHub é uma rede social como o Facebook.

• d) GitHub é uma aplicação para construir formulários de pergunta e resposta

  como o que fizemos em aula.

Answer explanation

Alternativa B, correta.

O GitHub serve exatamente para hospedar e compartilhar códigos, bem como ter

controle de histórico e versão.

2-Para publicar um projeto, é necessário garantir que o arquivo , responsável

por construir a estrutura do código, esteja no repositório. Além dele, o arquivo

, responsável por estilizar os elementos da página, também deve estar

salvo. Por fim, o arquivo , responsável por criar as interações com a página,

também deverá estar dentro do repositório.

Agora, ordene todos os blocos para associar corretamente os arquivos do

projeto a suas funcionalidades.

style.css | index.html | script.js

• A- style.css | index.html | script.js

• B- index.html | style.css | script.js

• C- index.html | script.js | style.css

3-Você é responsável por administrar o cardápio digital de uma cafeteria

no seu bairro. Todo mês, chegam dois cafés novos para que os clientes

possam experimentar e, portanto, você precisa atualizar o cardápio com

essas informações.

Utilizando a estrutura de um objeto em JavaScript, ordene os blocos abaixo

para que seja possível incluir as duas opções novas de café no cardápio.

let cardapio = { }; “Bourbon”]

cafes : [ “Catuaí amarelo”,

• A- let cardapio = {

  cafes : [ “Catuaí amarelo”, “Bourbon”] };

• B-else cardapio = {

  cafes : [ “Catuaí amarelo”, “Bourbon”] };

• C-for cardapio = { };

  if cafes: ["Catuai amaelo"]

4-Nesta aula, utilizamos a pseudo-classe hover no botão. Sobre ela, é

correto afirmar:

• a) A pseudo-classe hover altera características do botão em sua condição

  normal.

• b) A pseudo-classe hover altera características do botão enquanto o mouse

  está passando por ele.

• c) A pseudo-classe hover raramente é utilizada; como alternativa, usamos a

  pseudo-classe active.

• d) A pseudo-classe hover altera características do botão enquanto o mouse

  está clicando nele.

5-Bruna está organizando sua página e decidiu colorir as caixas de texto em

destaque. Para isso, criou as seguintes estilizações:

• Cor de fundo : cinza.

• Cor de fonte: vermelho.

• Incluir um espaçamento interno de 15 pixels para que as caixas de texto

fiquem mais fáceis de ler.

Agora, ordene todos os blocos abaixo para reproduzir as estilizações feitas

por Bruna.

red; grey; padding: 15px; color: background-color:

• background-color: grey;

  color: red;

  padding: 15px;

• padding: 15px;

  background-color: grey;

  color: red;

• color: red;

  padding: 15px;

  background-color: grey;

6-João gosta muito de bandeiras e resolveu criar um catálogo com o nome dos

países. A ideia é que o nome do país seja exibido na tela e, quando o mouse

passar por cima deles, o texto tenha as cores da bandeira correspondente.

Ajude João a criar a bandeira do Brasil, considerando que a cor de fundo

do texto seja verde e a cor da fonte, amarela.

Para isso, ordene todos os

blocos abaixo:

green; ]background-color: color:

yellow;} :hover { h1

• h1 : hover

  { background-color: green;

  color: yellow; }

• : hover { background-color: green;

  color: yellow; h1}

• { background-color: green;

  color: yellow; h1} : hover

7-Nesta aula, aprendemos a criar uma função para definir afirmações aleatórias.

Para a aleatoriedade, usamos a função Math.random, na qual os números

randômicos variam de:

• a) 0 e 1.

• b) 0 e 100.

• c) A partir de zero.

8-Nesta aula, desenvolvemos uma função de aleatoriedade que recebe uma

lista, lê todos os argumentos da lista e seleciona um número aleatório. Agora,

precisamos criar uma função de aleatoriedade que recebe uma lista no fim do

código JavaScript. Ordene todos os blocos para estruturar o código descrito anteriormente.

aleatorio function (lista) {}

• aleatorio

  function {lista}

• function

  aleatorio (lista) {}

• aleatorio function (lista) {}

9-Ana, ao dar continuidade em seu projeto, quer arredondar os valores gerados

pela Math.random() na constante denominada posicao. Organizando os

blocos de forma correta, como é possível efetuar essa operação? Utilize todos

os blocos.

.floor const posicao = (Math. random()); Math

Qual é a sequência correta de blocos nas linhas a seguir:

• (Math. random()); const posicao =

  Math .floor

• const posicao =

  Math .floor (Math. random());

• .floor const posicao = (Math. random()); Math

10-Nesta aula, aprendemos a criar listas com as nossas afirmações, adicionando-as

e estruturando-as em nosso código. De acordo com o conhecimento aprendido,

qual a sintaxe correta que devemos adicionar para a criação de uma lista?

• a) { };

• b) ( );

• c) [ ];