wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Primeiros passos com JavaScript

Total questions: 14

Worksheet time: 2hrs 40mins

Name
Class
Date
1-6.
1.

Além de biblioteca, o p5.js funciona como um ______.

a)

Editor de imagens

b)

Editor de códigos online

c)

Editor de vídeos

d)

Editor de áudio

2.

O que acontece quando pressionamos o botão 'play' no p5.js?

a)

O código é salvo

b)

O código é executado

c)

O código é deletado

d)

O código é pausado

3.

Complete: No p5.js, as coordenadas começam no canto superior ____. A) Direito B) Esquerdo C) Inferior D) Central.

a)

Direito

b)

Esquerdo

c)

Inferior

d)

Central

4.

Qual é a função do comando 'createCanvas(400, 400);' no código?

a)

Criar um retângulo

b)

Criar uma tela de 400x400 pixels

c)

Definir a cor de fundo

d)

Verificar se o mouse está pressionado

5.

Complete: O comando 'fill("red")' define a cor de ____.

a)

fundo

b)

contorno

c)

preenchimento

d)

texto

6.

Qual biblioteca foi utilizada para criar o primeiro programa em JavaScript?

a)

React

b)

p5.js

c)

Angular

d)

Vue

7.

O que a função 'rect' faz no código?

a)

Cria um círculo

b)

Cria um retângulo

c)

Cria uma linha

d)

Cria um triângulo

8.

Qual é a sequência correta das funções no código?

a)

A) draw, setup

b)

B) setup, draw

c)

C) rect, background

d)

D) background, rect

9.

O que acontece se você mudar os valores de createCanvas(400, 400)?

a)

A) A cor do retângulo muda

b)

B) O tamanho da tela muda

c)

C) A posição do mouse muda

d)

D) A cor da linha muda

10.

Qual a função que inicializa no p5?

a)

function setup()

b)

function draw()

11.

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

12.

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

13.

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

14.

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

15.

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

16.

Qual o endereço da plataforma do p5 editor

17.

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

a)

Python

b)

C#

c)

Java Script

d)

Java

18.

Hadassa criou um retângulo com as seguintes posições: x:0 e y:20; Também determinou suas medidas: 200px de largura e 300px de altura.

Ordene os 4 blocos necessários para preencher as lacunas a seguir, de modo a determinar as medidas na ordem correta:

rect(_,_,_,_);

a)

0,20,200,300

b)

300,200,20,0

c)

200,20,0,300

d)

0,300,20,200

19.

O que significa 'width/2, height/2' no código?

a)

A cor do texto

b)

A posição central do texto

c)

O tamanho do texto

d)

A largura e altura da tela