Prova de Javascript e React: Questões para o 3º Ano do Ensino Médio
Tema: Javascript e biblioteca react
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 10
Prova de Formação Técnica e Profissional: Javascript e Biblioteca React
##
Nome do Aluno: ____________________________________
### Data: _______________________________________________
—
### Questões
1. O que é o JavaScript?
A) Uma linguagem de programação para criação de jogos
B) Uma linguagem de marcação utilizada para estruturar páginas web
C) Uma linguagem de programação interpretada, usada principalmente para desenvolvimento web
D) Uma biblioteca utilizada para gráficos em 2D
2. Qual das alternativas a seguir descreve melhor o conceito de “DOM” (Document Object Model)?
A) Uma lista de URLs acessíveis em um site
B) Um modelo representativo de documentos em HTML e XML que permite acesso e manipulação
C) Um armazenamento de dados em um servidor web
D) Um framework para estilização de páginas web
3. Ao utilizar a biblioteca React, qual dos seguintes conceitos é fundamental para a criação de componentes reutilizáveis?
A) Variáveis globais
B) Funções anônimas
C) Props
D) Comentários em código
4. O que é um “estado” (state) em um componente React?
A) Propriedade que controla a aparência visual de um componente
B) Um objeto que representa a parte dinâmica de um componente, que pode mudar ao longo do tempo
C) Um método para renderizar componentes filhos
D) Uma técnica de otimização de performance para aplicações de grande escala
5. Em qual dos seguintes casos seria apropriado usar o “useEffect” em um componente React?
A) Para definir estilos globais
B) Para gerenciar eventos do mouse
C) Para executar efeitos colaterais como fetch de dados após a renderização do componente
D) Para alterar diretamente as props de um componente
6. O que acontece quando se altera o estado de um componente React?
A) O componente é removido da interface do usuário
B) Apenas o estado original é alterado
C) O componente é re-renderizado junto com seus filhos
D) Nenhuma alteração é visível na interface do usuário
7. O termo “JSX” em React se refere a:
A) Um novo tipo de linguagem de programação
B) Uma extensão de sintaxe que permite escrever HTML dentro do JavaScript
C) Um método para manipulação direta do DOM
D) Uma biblioteca externa para gerenciar estado
8. Qual é a função do “key” em listas de elementos React?
A) Permitir que o React identifique quais elementos mudaram, foram adicionados ou removidos
B) Aumentar a performance da aplicação em geral
C) Definir o estilo de cada elemento da lista
D) Indicar a visibilidade dos componentes na interface
9. Quando utilizamos a função ‘map()’ no JavaScript, qual dos seguintes resultados é esperado?
A) A execução de uma função apenas uma vez
B) Criação de um loop infinito
C) A transformação de um array em outro array, aplicando uma função a cada elemento
D) A ordenação de um array de números em ordem crescente
10. Ao criar um projeto React com `create-react-app`, qual é uma das principais vantagens dessa ferramenta?
A) Aumentar o tempo de carregamento da aplicação
B) Facilitar o gerenciamento de dependências e configuração inicial do projeto
C) Garantir que o projeto esteja livre de bugs
D) Fornecer um layout padrão fixo para todas as aplicações
—
### Gabarito
1. C – Uma linguagem de programação interpretada, usada principalmente para desenvolvimento web.
Justificativa: JavaScript é uma linguagem de programação amplamente utilizada para desenvolvimento na web, permitindo a criação de interatividade nas páginas.
2. B – Um modelo representativo de documentos em HTML e XML que permite acesso e manipulação.
Justificativa: O DOM permite que scripts acessem e manipulem a estrutura e o conteúdo de documentos web.
3. C – Props
Justificativa: Props são propriedades que podem ser passadas para componentes React, permitindo a criação de componentes reutilizáveis.
4. B – Um objeto que representa a parte dinâmica de um componente, que pode mudar ao longo do tempo.
Justificativa: O estado é crucial para gerenciar dados que mudam dentro de um componente.
5. C – Para executar efeitos colaterais como fetch de dados após a renderização do componente.
Justificativa: O hook useEffect é utilizado para gerenciar efeitos colaterais em componentes funcional.
6. C – O componente é re-renderizado junto com seus filhos.
Justificativa: Quando o estado de um componente é alterado, o React re-renderiza o componente para refletir a nova interface.
7. B – Uma extensão de sintaxe que permite escrever HTML dentro do JavaScript.
Justificativa: JSX permite que o código seja escrito de forma mais declarativa e legível, misturando HTML com JavaScript.
8. A – Permitir que o React identifique quais elementos mudaram, foram adicionados ou removidos.
Justificativa: O uso do key é essencial para a eficiência das renderizações de lista em React.
9. C – A transformação de um array em outro array, aplicando uma função a cada elemento.
Justificativa: A função map() é usada para aplicar uma função a cada elemento de um array, retornando um novo array.
10. B – Facilitar o gerenciamento de dependências e configuração inicial do projeto.
Justificativa: O create-react-app é uma ferramenta que configura automaticamente um novo ambiente de projeto React, simplificando o processo para desenvolvedores.
—
### Considerações Finais
Esta prova busca avaliar não apenas o conhecimento factual dos alunos sobre JavaScript e React, mas também a sua capacidade de aplicar conceitos em situações práticas, conforme proposto pela Base Nacional Comum Curricular (BNCC). As questões foram elaboradas para estimular o raciocínio crítico e a resolução prática de problemas.
