Prova de Educação Tecnológica: Javascript e React para 3º Ano

Tema: Javascript (number, string, boolean, array, null, undefined).React: sua importância, Estado, ciclo de vida, hooks, useSate,useEffect e propriedade. DOm (Document object model. JSX (Javascript XML).
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Educação Tecnológica
Questões: 10

Prova – Educação Tecnológica: Javascript e React

Nome: ____________________________

×

Data: ____/____/____

Turma: ___________________________

—

##

Questões

Questão 1: Múltipla Escolha

Qual dos seguintes tipos de dados é utilizado para representar uma sequência de caracteres em JavaScript?

a) number

b) string

c) boolean

d) array

Questão 2: Verdadeiro ou Falso

O valor `null` em JavaScript significa que uma variável não possui um valor definido, enquanto `undefined` indica que a variável foi declarada, mas ainda não foi atribuída a um valor.

a) Verdadeiro

b) Falso

Questão 3: Dissertativa

Explique a importância do React no desenvolvimento de aplicações web, considerando aspectos como a possibilidade de criação de interfaces reutilizáveis.

—

Questão 4: Completar

No React, o estado de um componente é gerenciado através do hook `_______`, que permite ao desenvolvedor atualizar o estado e re-renderizar o componente automaticamente. Outro hook importante é o `_______`, que permite o controle dos efeitos colaterais, como chamadas a APIs.

—

Questão 5: Múltipla Escolha

Qual dos seguintes métodos do ciclo de vida de um componente React é chamado imediatamente após um componente ser montado?

a) componentDidUpdate

b) componentWillUnmount

c) componentDidMount

d) render

—

Questão 6: Múltipla Escolha

Considerando a estrutura JSX, como você deve escrever uma tag HTML dentro do JSX?

a) `

`

b) `[div]`

c) `{div}`

d) `div()`

—

Questão 7: Dissertativa

Comente sobre o que é o DOM (Document Object Model) e qual é sua relação com JavaScript e React. Cite pelo menos um exemplo prático onde o DOM é manipulado.

—

Questão 8: Verdadeiro ou Falso

O tipo de dado boolean pode conter três valores: verdadeiro, falso e nulo.

a) Verdadeiro

b) Falso

—

Questão 9: Múltipla Escolha

Qual é a principal finalidade do hook `useEffect` no React?

a) Renderizar o estado de um componente.

b) Ter acesso ao contexto global.

c) Realizar efeitos colaterais em componentes.

d) Criar componentes de classe.

—

Questão 10: Completar

Em JavaScript, um ____________ é um objeto que pode armazenar múltiplos valores em uma única variável e é representado por colchetes. Ele pode conter tipos de dados como ______________, _____________________, etc.

—

### Gabarito

Questão 1: b) string

*Justificativa: O tipo `string` em JavaScript é utilizado para representar sequências de caracteres, como textos.*

Questão 2: a) Verdadeiro

*Justificativa: `null` significa ausência de valor, enquanto `undefined` indica que a variável foi declarada mas não possui um valor atribuído.*

Questão 3:

*Resposta esperada: O aluno deve mencionar que o React ajuda a construir interfaces de usuário de maneira eficiente e reutilizável. Deve esclarecer como o React permite a criação de componentes que podem ser gerenciados de forma isolada, facilitando manutenções e otimizações.*

Questão 4: `useState` e `useEffect`

*Justificativa: `useState` gerencia o estado do componente e `useEffect` gerencia os efeitos colaterais.*

Questão 5: c) componentDidMount

*Justificativa: O método `componentDidMount` é chamado imediatamente após um componente ser montado na DOM.*

Questão 6: a) `

`

*Justificativa: No JSX, as tags HTML devem ser escritas normalmente como em HTML, mas devem estar fechadas corretamente.*

Questão 7:

*Resposta esperada: O aluno deve explicar que o DOM é uma representação em árvore da estrutura de um documento HTML. Deve abordar como o JavaScript é utilizado para manipular este modelo, e mencionar que o React torna essa manipulação mais eficiente através de sua abordagem de virtual DOM.*

Questão 8: b) Falso

*Justificativa: O tipo booleano tem apenas dois valores possíveis: verdadeiro (true) e falso (false).*

Questão 9: c) Realizar efeitos colaterais em componentes.

*Justificativa: O hook `useEffect` é utilizado para realizar efeitos colaterais, como a manipulação de dados e interações com APIs.*

Questão 10: array / numbers, strings, booleans

*Justificativa: Um `array` é um objeto capaz de armazenar múltiplos valores e pode conter diferentes tipos de dados como números, strings e booleanos.*

—

Espero que esta prova atenda às suas necessidades e que os alunos possam aplicar seus conhecimentos ao responder as questões propostas!