wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

3ªProva Pr. Tecnicas Computacionais

Total questions: 16

Worksheet time: 1hrs 20mins

Name
Class
Date
1.

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

Escolha a alternativa correta.

a)

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

b)

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)

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

d)

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

como o que fizemos em aula.

2.

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)

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

b)

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

c)

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

3.

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)

A- let cardapio = {

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

b)

B-else cardapio = {

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

c)

C-for cardapio = { };

if cafes: ["Catuai amaelo"]

4.

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

correto afirmar:

a)

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

normal.

b)

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

está passando por ele.

c)

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

pseudo-classe active.

d)

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

está clicando nele.

5.

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:

a)

background-color: grey;

color: red;

padding: 15px;

b)

padding: 15px;

background-color: grey;

color: red;

c)

color: red;

padding: 15px;

background-color: grey;

6.

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

a)

h1 : hover

{ background-color: green;

color: yellow; }

b)

: hover { background-color: green;

color: yellow; h1}

c)

{ background-color: green;

color: yellow; h1} : hover

7.

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)

a) 0 e 1.

b)

b) 0 e 100.

c)

c) A partir de zero.

8.

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) {}

a)

aleatorio

function {lista}

b)

function

aleatorio (lista) {}

c)

aleatorio function (lista) {}

9.

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:

a)

(Math. random()); const posicao =

Math .floor

b)

const posicao =

Math .floor (Math. random());

c)

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

10.

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)

a) { };

b)

b) ( );

c)

c) [ ];

11.

11-Em programação, podemos criar objetos dentro de outros objetos. Esse é o

caso do nosso objeto alternativas, que contém duas propriedades: texto

e afirmacoes. Assim, ordene todos os blocos para criar duas novas afirmações dentro da

propriedade de afirmacoes. Porém, há um detalhe: a primeira afirmação

deverá ser verdadeira e a segunda afirmação, falsa.

“Objetos são tipos de dados imutáveis como string

e número.”] alternativas: [“Objetos são estruturas de dados que contém propriedades

e métodos.”.

Analisando o código acima, qual alternativa está correta?

a)

alternativas: [ “Objetos são estruturas de dados que contém propriedades e métodos.”,

“Objetos são tipos de dados imutáveis como string e número.”]

b)

[ “Objetos são tipos de dados imutáveis como string e número.” “Objetos são estruturas de dados que contém propriedades e métodos.”,

] alternativas:

c)

alternativas: [] “Objetos são tipos de dados imutáveis como string e número.” “Objetos são estruturas de dados que contém propriedades e métodos.”;

12.

12-Ao efetuar a estilização de seu projeto, Gabriela deseja deixar uma caixa com alternativas em colunas. Para isso ela já tem display: flex, devendo adicionar a propriedade:

a)

flex-direction: column.

b)

flex-direction: row-reverse.

c)

flex-direction: row.

13.

13-Cláudia deseja adicionar uma lista de nomes aleatórios em seu projeto, para isso ela desenvolveu uma função chamada nomeAleatorio().Porém, antes de começar a função, ela precisa criar uma constante com a lista de nomes. De acordo com o que aprendemos na aula, e com o cenário descrito acima, qual alternativa representa a sintaxe correta dessa constante?

a)

const nomes = ["", "", ...];

b)

const nomes = ("", "",...);

c)

const nomes = {"", "",...};

14.

14-Pensando em escrever o nome aleatório com uma mensagem no projeto, Cláudia não está conseguindo juntar o elemento ao texto.

Utilizando todos os blocos, organize o código para auxiliar na escrita da mensagem com o nome aleatório.

Escreva a sequência correta de blocos na linha a seguir:

'Salve, ${nome}'; caixaPerguntas.textContent=

a)

caixaPerguntas.textContent= 'Salve, ${nome}';

b)

for= caixaPerguntas.textContent= 'Salve, ${nome}';))));

c)

'Salve, ${nome}';

caixaPerguntas.textContent=

15.

15- Maria criou a constante nomes no arquivo nomes.js.

Para utilizar essa mesma constante no arquivo script.js, ela precisa adicionar uma palavra antes de const. Esta palavra permitirá que outros arquivos leiam e compilem essa constante.

Qual palavra é adicionada antes da constante nomes?

a)
  • let

b)
  • import

c)

export

16.

16-Continuando nosso projeto, precisamos conectar o script.js com o index.html. Sabemos que o script está sendo vinculado dentro de um diretório js, porém, deve-se indicar que é dentro da pasta js e alterar o tipo do script para que tudo fique certo. Organizando os blocos de forma correta, como é possível efetuar essa operação? Utilize todos os blocos. <script type= "module" </script> src="js/perguntas.js">

a)

<script type= "module" </script> src="js/perguntas.js">

b)

<script type= "module" src="js/perguntas.js"></script>

c)

</script>

<script type= "module" src="js/perguntas.js">