NEW
Font size
Worksheets3ªProva Pr. Tecnicas Computacionais
Total questions: 16
Worksheet time: 1hrs 20mins
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.
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) [ ];
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?
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.”]
[ “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:
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-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:
flex-direction: column.
flex-direction: row-reverse.
flex-direction: row.
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?
const nomes = ["", "", ...];
const nomes = ("", "",...);
const nomes = {"", "",...};
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=
caixaPerguntas.textContent= 'Salve, ${nome}';
for= caixaPerguntas.textContent= 'Salve, ${nome}';))));
'Salve, ${nome}';
caixaPerguntas.textContent=
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?
let
import
export
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">
<script type= "module" </script> src="js/perguntas.js">
<script type= "module" src="js/perguntas.js"></script>
</script>
<script type= "module" src="js/perguntas.js">
