Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Exploring p5.js and JavaScript Concepts

Total questions: 82

Worksheet time: 42mins

Name
Class
Date
1.

Qual é o principal objetivo da função `setup()` no p5.js?

a)

Inicializar variáveis e configurar o ambiente

b)

Desenhar formas continuamente

c)

Tratar eventos de entrada do usuário

d)

Carregar arquivos externos

2.

Qual das seguintes é uma maneira correta de definir uma função em JavaScript?

a)

`function myFunction { return true; }`

b)

`def myFunction() { return true; }`

c)

`function myFunction() { return true; }`

d)

`myFunction() => { return true; }`

3.

No GitHub, o que é um "commit"?

a)

Uma solicitação para mesclar alterações de código

b)

Uma captura de tela das alterações feitas no código

c)

Um ramo do repositório

d)

Um processo de resolução de conflitos

4.

Qual bloco no Scratch é usado para iniciar um script quando a bandeira verde é clicada?

a)

`quando a tecla [espaço] for pressionada`

b)

`quando este sprite for clicado`

c)

`quando a bandeira verde for clicada`

d)

`para sempre`

5.

Qual função no p5.js é usada para criar um loop contínuo para animações?

a)

`draw()`

b)

`loop()`

c)

`animate()`

d)

`frameRate()`

6.

Como você adiciona um ouvinte de evento para um clique de botão em JavaScript?

a)

`button.onClick = function() { ... }`

b)

`button.addEventListener('click', function() { ... })`

c)

`button.click(function() { ... })`

d)

`button.on('click', function() { ... })`

7.

No p5.js, qual função é usada para definir a cor de fundo do canvas?

a)

`fill()`

b)

`stroke()`

c)

`background()`

d)

`color()`

8.

Qual é o propósito do comando `git clone` no GitHub?

a)

Para criar um novo repositório

b)

Para copiar um repositório para sua máquina local

c)

Para deletar um repositório

d)

Para atualizar um repositório

9.

No Scratch, qual é a função do bloco "para sempre"?

a)

Repetir um script um número específico de vezes

b)

Executar um script uma vez

c)

Repetir continuamente um script

d)

Parar um script

10.

Qual função do p5.js é usada para desenhar um retângulo na tela?

a)

`ellipse()`

b)

`rect()`

c)

`square()`

d)

`line()`

11.

Qual é a sintaxe correta para declarar uma variável em JavaScript?

a)

`var myVariable = 10;`

b)

`int myVariable = 10;`

c)

`let myVariable = 10;`

d)

`myVariable := 10;`

12.

No GitHub, o que é um "pull request"?

a)

Uma solicitação para excluir um branch

b)

Uma solicitação para mesclar alterações de um branch para outro

c)

Uma solicitação para clonar um repositório

d)

Uma solicitação para criar um novo branch

13.

Qual dos seguintes é um bloco de controle no Scratch?

a)

`mover 10 passos`

b)

`se <> então`

c)

`dizer "Olá!"`

d)

`tocar som [miar]`

14.

No p5.js, qual função é usada para parar o loop de desenho?

a)

`stop()`

b)

`noLoop()`

c)

`end()`

d)

`halt()`

15.

Qual é o propósito do método `event.preventDefault()` em JavaScript?

a)

Para impedir que o evento se propague na árvore DOM

b)

Para evitar a ação padrão de um evento

c)

Para remover um ouvinte de evento

d)

Para acionar um evento manualmente

16.

O que é p5.js?

a)

p5.js é uma linguagem de programação para desenvolvimento de jogos.

b)

p5.js é uma ferramenta para edição de imagens estáticas.

c)

p5.js é um sistema operacional para dispositivos móveis.

d)

p5.js é uma biblioteca de JavaScript para criação de arte e visualizações interativas.

17.

Quais são as principais características do p5.js?

a)

Principais características do p5.js: sintaxe simples, suporte a animações, manipulação de eventos, e comunidade ativa.

b)

Suporte limitado a eventos

c)

Foco exclusivo em gráficos 3D

d)

Sintaxe complexa

18.

Qual função é usada para desenhar formas básicas?

a)

createShape()

b)

render()

c)

draw()

d)

paint()

19.

O que faz a função `setup()` no p5.js?

a)

A função `setup()` inicializa configurações e variáveis no p5.js.

b)

A função `setup()` carrega imagens e sons no p5.js.

c)

A função `setup()` desenha formas na tela.

d)

A função `setup()` é usada para criar eventos de mouse.

20.

Como você pode mudar a cor de fundo em p5.js?

a)

Use a função fill(cor) para mudar a cor de fundo.

b)

A cor de fundo não pode ser alterada em p5.js.

c)

Mude a cor de fundo usando a função setBackground(cor).

d)

Use a função background(cor) para mudar a cor de fundo.

21.

Qual é a função utilizada para desenhar um círculo?

a)

rectangle

b)

square

c)

ellipse

d)

circle

22.

Como você define uma variável em p5.js?

a)

Você define uma variável em p5.js usando 'let', 'const' ou 'var', como em 'let nome = valor;'.

b)

Em p5.js, você deve usar 'set' para definir uma variável, como em 'set nome = valor;'

c)

Você define uma variável em p5.js usando 'define', como em 'define nome = valor;'.

d)

As variáveis em p5.js são definidas apenas com 'var', como em 'var nome = valor;'.

23.

O que é uma função em programação?

a)

Uma função é um bloco de código que executa uma tarefa específica e pode retornar um valor.

b)

Uma função é um erro de programação que deve ser corrigido.

c)

Uma função é um tipo de variável que armazena dados.

d)

Uma função é um comando que altera o estado do programa.

24.

Como você pode criar uma variável que armazena um número?

a)

var numero = 'cinco';

b)

const numero = 5.0;

c)

let numero = 5;

d)

numero = 5;

25.

Qual comando é usado para desenhar um retângulo?

a)

rect(x, y, width, height)

b)

drawRectangle(x, y, width, height)

c)

createRect(x, y, width, height)

d)

rectangle(x, y, width, height)

26.

Como você pode usar variáveis para controlar a posição de um objeto?

a)

Use variáveis para controlar a velocidade do objeto.

b)

Use variáveis para armazenar o tamanho do objeto.

c)

Use variáveis para definir a cor do objeto.

d)

Use variáveis para armazenar as coordenadas (x, y) do objeto e atualize-as para controlar sua posição.

27.

O que acontece se você não usar a função `draw()`?

a)

A tela mudará de cor aleatoriamente.

b)

A tela será atualizada automaticamente.

c)

A tela não será atualizada e permanecerá estática.

d)

A função `draw()` é obrigatória para iniciar o programa.

28.

Qual é a diferença entre `let` e `var` ao declarar variáveis?

a)

A principal diferença é que 'let' tem escopo de bloco e 'var' tem escopo de função.

b)

'var' é mais seguro que 'let' para variáveis globais.

c)

Ambos têm escopo global e não diferem em comportamento.

d)

'let' e 'var' são intercambiáveis em todos os casos.

29.

Variáveis JavaScript podem conter muitos tipos de dados. Na seguinte instrução: var lastName = "joao"

a)

Número

b)

String

c)

Boolean

d)

falso

30.

Variáveis JavaScript podem conter muitos tipos de dados. Na seguinte instrução: var comp= 16

a)

String

b)

Int

c)

ta errado a declaração

d)

NaN

31.

Sobre o JavaScript assinale a opção correta:

a)

Os scripts só podem ser inseridos na <body>.

b)

Os scripts só podem ser inseridos na <head>.

c)

Os scripst's não podem ser colocados em arquivos externos

d)

Os identificadores de JavaScript diferenciam maiúsculas de minúsculas.

e)

A única maneira de declarar uma variável em JavaScript é utilizando a palavra-chave var.

32.

Qual a finalidade do Javascript?

a)

Fazer cálculos em páginas Web

b)

Formatar páginas Web

c)

Desenhar em páginas Web

d)

Dinamizar páginas Web

33.

Em algumas situações necessitamos criar variáveis que não devem ser alteradas durante a execução de seu programa. Nestes casos, criamos...

a)

variáveis inteiras

b)

constantes

c)

caracteres

d)

condicionais

34.

Podemos adicionar comentários em nossos códigos Javascript. Os comentários não são executados e servem para documentar ou explicar alguma parte ou funcionalidade do seu programa. Existem duas maneiras. Os comentários em linha, onde apenas a linha é comentada. Quais são as formas que podemos realizar comentários javascript?

a)

/*Comentário*/

//Comentário

b)

'Comentário

<!-- Comentário-->

c)

<!-- Comentário -->

-Comentário

d)

-Comentário

'Comentário

35.

O que é p5.js?

a)

p5.js é uma linguagem de programação para desenvolvimento de jogos.

b)

p5.js é uma ferramenta para edição de imagens estáticas.

c)

p5.js é um sistema operacional para dispositivos móveis.

d)

p5.js é uma biblioteca de JavaScript para criação de arte e visualizações interativas.

36.

Quais são as principais características do p5.js?

a)

Principais características do p5.js: sintaxe simples, suporte a animações, manipulação de eventos, e comunidade ativa.

b)

Suporte limitado a eventos

c)

Foco exclusivo em gráficos 3D

d)

Sintaxe complexa

37.

Qual função é usada para desenhar formas básicas?

a)

createShape()

b)

render()

c)

draw()

d)

paint()

38.

O que faz a função `setup()` no p5.js?

a)

A função `setup()` inicializa configurações e variáveis no p5.js.

b)

A função `setup()` carrega imagens e sons no p5.js.

c)

A função `setup()` desenha formas na tela.

d)

A função `setup()` é usada para criar eventos de mouse.

39.

Como você pode mudar a cor de fundo em p5.js?

a)

Use a função fill(cor) para mudar a cor de fundo.

b)

A cor de fundo não pode ser alterada em p5.js.

c)

Mude a cor de fundo usando a função setBackground(cor).

d)

Use a função background(cor) para mudar a cor de fundo.

40.

Qual é a função utilizada para desenhar um círculo?

a)

rectangle

b)

square

c)

ellipse

d)

circle

41.

Como você define uma variável em p5.js?

a)

Você define uma variável em p5.js usando 'let', 'const' ou 'var', como em 'let nome = valor;'.

b)

Em p5.js, você deve usar 'set' para definir uma variável, como em 'set nome = valor;'

c)

Você define uma variável em p5.js usando 'define', como em 'define nome = valor;'.

d)

As variáveis em p5.js são definidas apenas com 'var', como em 'var nome = valor;'.

42.

O que é uma função em programação?

a)

Uma função é um bloco de código que executa uma tarefa específica e pode retornar um valor.

b)

Uma função é um erro de programação que deve ser corrigido.

c)

Uma função é um tipo de variável que armazena dados.

d)

Uma função é um comando que altera o estado do programa.

43.

Como você pode criar uma variável que armazena um número?

a)

var numero = 'cinco';

b)

const numero = 5.0;

c)

let numero = 5;

d)

numero = 5;

44.

Qual comando é usado para desenhar um retângulo?

a)

rect(x, y, width, height)

b)

drawRectangle(x, y, width, height)

c)

createRect(x, y, width, height)

d)

rectangle(x, y, width, height)

45.

Como você pode usar variáveis para controlar a posição de um objeto?

a)

Use variáveis para controlar a velocidade do objeto.

b)

Use variáveis para armazenar o tamanho do objeto.

c)

Use variáveis para definir a cor do objeto.

d)

Use variáveis para armazenar as coordenadas (x, y) do objeto e atualize-as para controlar sua posição.

46.

O que acontece se você não usar a função `draw()`?

a)

A tela mudará de cor aleatoriamente.

b)

A tela será atualizada automaticamente.

c)

A tela não será atualizada e permanecerá estática.

d)

A função `draw()` é obrigatória para iniciar o programa.

47.

Qual é a diferença entre `let` e `var` ao declarar variáveis?

a)

A principal diferença é que 'let' tem escopo de bloco e 'var' tem escopo de função.

b)

'var' é mais seguro que 'let' para variáveis globais.

c)

Ambos têm escopo global e não diferem em comportamento.

d)

'let' e 'var' são intercambiáveis em todos os casos.

48.

Variáveis JavaScript podem conter muitos tipos de dados. Na seguinte instrução: var lastName = "joao"

a)

Número

b)

String

c)

Boolean

d)

falso

49.

Variáveis JavaScript podem conter muitos tipos de dados. Na seguinte instrução: var comp= 16

a)

String

b)

Int

c)

ta errado a declaração

d)

NaN

50.

Sobre o JavaScript assinale a opção correta:

a)

Os scripts só podem ser inseridos na <body>.

b)

Os scripts só podem ser inseridos na <head>.

c)

Os scripst's não podem ser colocados em arquivos externos

d)

Os identificadores de JavaScript diferenciam maiúsculas de minúsculas.

e)

A única maneira de declarar uma variável em JavaScript é utilizando a palavra-chave var.

51.

Qual a finalidade do Javascript?

a)

Fazer cálculos em páginas Web

b)

Formatar páginas Web

c)

Desenhar em páginas Web

d)

Dinamizar páginas Web

52.

Em algumas situações necessitamos criar variáveis que não devem ser alteradas durante a execução de seu programa. Nestes casos, criamos...

a)

variáveis inteiras

b)

constantes

c)

caracteres

d)

condicionais

53.

Podemos adicionar comentários em nossos códigos Javascript. Os comentários não são executados e servem para documentar ou explicar alguma parte ou funcionalidade do seu programa. Existem duas maneiras. Os comentários em linha, onde apenas a linha é comentada. Quais são as formas que podemos realizar comentários javascript?

a)

/*Comentário*/

//Comentário

b)

'Comentário

<!-- Comentário-->

c)

<!-- Comentário -->

-Comentário

d)

-Comentário

'Comentário

54.

Qual a função que inicializa no p5?

a)

function setup()

b)

function draw()

55.

Após um comando "function setup", os comandos devem vir entre...

a)

chaves { }

b)

colchetes [ ]

c)

parenteses ( )

d)

aspas " "

56.

Para que serve a função draw?

a)

Para desenhar elementos gráficos apenas uma vez

b)

Apenas para inserir as instruções de interatividade

c)

Para desenhar elementos gráficos em continuo (em loop)

d)

Para definir o tamanho do ecrã onde vão surgir os desenhos

57.

O que é o p5js?

a)

Um sistema operacional

b)

Uma rede social para programadores

c)

Um editor de imagens online

d)

Uma biblioteca de JavaScript para programação criativa

58.

Qual é a função da propriedade createCanvas no p5js?

a)

Criar uma tela onde podemos desenhar objetos

b)

Definir a cor de fundo da tela

c)

Criar um retângulo na tela

d)

Preencher um retângulo com cor

59.

O que acontece quando a função background é chamada no p5js?

a)

Pinta o fundo da tela de uma cor específica

b)

Cria um retângulo na tela

c)

Define a posição do mouse na tela

d)

Verifica se o mouse está pressionado

60.

Qual é a função da propriedade rect no p5js?

a)

Verificar a posição do mouse na tela

b)

Definir a cor de preenchimento do retângulo

c)

Pintar o fundo da tela de branco

d)

Criar um retângulo na tela

61.

O que é necessário fazer para acessar os projetos no p5js?

a)

Atualizar o navegador

b)

Baixar um software específico

c)

Criar uma conta

d)

Conectar um dispositivo externo

62.

Qual é a função da propriedade fill no p5js?

a)

Definir a cor de preenchimento de um objeto

b)

Criar um retângulo na tela

c)

Verificar a posição do mouse na tela

d)

Pintar o fundo da tela de branco

63.

O que a propriedade stroke faz no p5js?

a)

Define a cor de preenchimento de um retângulo

b)

Define a cor de fundo da tela

c)

Define a posição do mouse na tela

d)

Define uma borda para um retângulo

64.

Qual a função utilizada para desenhar um triângulo em p5?

a)

rect()

b)

circle()

c)

triangle()

d)

ellipse()

65.

Analise o codigo e escolha a opção correta.

function setup() {

createCanvas(800, 300);

}

a)

A largura da tela vai ser de 300 e altura 800

b)

A largura da tela vai ser de 800 e altura 300

c)

A largura da tela vai ser de 200 e altura 800

d)

A largura da tela vai ser de 300 e altura 200

66.

Qual o endereço da plataforma do p5 editor

a)

https://editor.p5js.org/

b)

https://scratch.org/

c)

https://editor.p5js.br

67.

Qual a linguagem de programação utilizada na plataforma P5JS?

a)

Python

b)

C#

c)

Java Script

d)

Java

68.

Qual função do P5.js é responsável por criar um canvas no qual os gráficos serão desenhados?

a)

setup()

b)

draw()

c)

createCanvas()

d)

background()

69.

A função draw() no P5.js é executada:

a)

Uma vez, no início do programa.

b)

Continuamente, criando uma animação.

c)

Somente quando uma interação do usuário ocorre.

d)

Apenas quando chamada explicitamente dentro de outra função.

70.

Qual comando é utilizado para desenhar um círculo no P5.js?

a)

circle(x, y, diameter)

b)

drawCircle(x, y, radius)

c)

ellipse(x, y, width, height)

d)

round(x, y, diameter)

71.

A função random() no P5.js é utilizada para:

a)

Desenhar formas aleatórias.

b)

Gerar números aleatórios.

c)

Definir uma cor aleatória.

d)

Criar uma animação aleatória.

72.

O que é o p5js?

a)

Um sistema operacional

b)

Uma rede social para programadores

c)

Um editor de imagens online

d)

Uma biblioteca de JavaScript para programação criativa

73.

Qual é a função da propriedade createCanvas no p5js?

a)

Criar uma tela onde podemos desenhar objetos

b)

Definir a cor de fundo da tela

c)

Criar um retângulo na tela

d)

Preencher um retângulo com cor

74.

O que representa a propriedade mouseX no p5js?

a)

O tamanho do retângulo

b)

A posição do mouse no eixo X

c)

A posição do mouse no eixo Y

d)

A cor de preenchimento do retângulo

75.

O que acontece quando a função background é chamada no p5js?

a)

Pinta o fundo da tela de uma cor específica

b)

Cria um retângulo na tela

c)

Define a posição do mouse na tela

d)

Verifica se o mouse está pressionado

76.

Qual é a função da propriedade rect no p5js?

a)

Verificar a posição do mouse na tela

b)

Definir a cor de preenchimento do retângulo

c)

Pintar o fundo da tela de branco

d)

Criar um retângulo na tela

77.

O que a propriedade stroke faz no p5js?

a)

Define a cor de preenchimento de um retângulo

b)

Define a cor de fundo da tela

c)

Define a posição do mouse na tela

d)

Define uma borda para um retângulo

78.

Qual a função utilizada para desenhar um triângulo em p5?

a)

rect()

b)

circle()

c)

triangle()

d)

ellipse()

79.

Analise o codigo e escolha a opção correta.

function setup() {

createCanvas(800, 300);

}

a)

A largura da tela vai ser de 300 e altura 800

b)

A largura da tela vai ser de 800 e altura 300

c)

A largura da tela vai ser de 200 e altura 800

d)

A largura da tela vai ser de 300 e altura 200

80.

Qual o endereço da plataforma do p5 editor

a)

https://editor.p5js.org/

b)

https://scratch.org/

c)

https://editor.p5js.br

81.

Qual a linguagem de programação utilizada na plataforma P5JS?

a)

Python

b)

C#

c)

Java Script

d)

Java

82.

A função draw() no P5.js é executada:

a)

Uma vez, no início do programa.

b)

Continuamente, criando uma animação.

c)

Somente quando uma interação do usuário ocorre.

d)

Apenas quando chamada explicitamente dentro de outra função.