Quiz - Single Page Application 2

Prévia do material em texto

DEIXA UM 
• Pergunta 1 
1 em 1 pontos 
 
O React utiliza estados para representar a informação atual de um componente uma 
determinada situação, indicando, assim, como seu comportamento e a forma que ele será 
renderizado. Sobre os estados dos componentes em uma aplicação React é correto afirmar que: 
 
Resposta 
Selecionada: 
 Podemos configurar e utilizar estados nas duas implementações de 
componentes React, seja utilizando funções ou classes. 
Respostas: Os estados são as props de um componente React e são muito semelhantes 
aos atributos de um elemento de marcação no HTML. 
 
O objeto propTypes é usado para validar os estados de um componente e 
garantir que eles sempre terão um valor padrão, caso o estado não seja 
inicializado. 
 Os hooks possibilitaram a implementação de componentes utilizando classes 
em aplicação React. 
 Um estado definido no componente raiz da aplicação React é disponibilizado 
localmente apenas para esse componente. 
 Podemos configurar e utilizar estados nas duas implementações de 
componentes React, seja utilizando funções ou classes. 
Comentário da 
resposta: 
Propriedades (ou abrev. props) são argumentos que podem ser passados para 
componentes React e são muito semelhantes aos atributos de um elemento de 
marcação no HTML. 
O objeto propTypes é usado para validar props. 
Os Hooks permitem usar o estado e outros recursos do React sem a 
necessidade de implementar uma classe. Com isso, é possível criar aplicações 
em React utilizando apenas componentes baseados em funções. 
Um estado definido no componente raiz da aplicação React ou global é 
disponibilizado para interface do usuário e não apenas para um componente. 
O estado pode ser definido e utilizado pelo atributo de uma classe em 
componentes utilizando classe ou através de hooks em componentes 
funcionais. Portanto, ambas as abordagens utilizam estados. 
 
 
https://emojipedia.org/samsung/one-ui-5.0/reversed-thumbs-up-sign-medium-light-skin-tone/
• Pergunta 2 
1 em 1 pontos 
 
React é uma biblioteca open-source lançada pelo Facebook em 2013 e usada para construção 
rápida e interativa de interfaces do usuário. Atualmente, o React é a ferramenta mais utilizada 
para o desenvolvimento de single page application. As aplicações implementadas em React são 
formadas por componentes, que permitem o desenvolvido modular de uma interface gráfica 
complexa. 
Dentro desse contexto de aplicações React é correto afirmar que: 
 
Resposta 
Selecionada: 
 Uma prática comum, quando o componente React possui múltiplos 
elementos filhos, é utilizar a sintaxe curta com marcação vazia ou um 
componente padrão do React chamado Fragment. 
Respostas: A biblioteca do React possui os todos os recursos disponíveis para 
implementar aplicações que são executadas no navegador e fazem a 
comunicação com um bando de dados. 
 
No React, não é permite renderizar um array com diversos elementos React. 
 O React permite a visualização de dados renderizados como uma página em 
HTML, que são atualizados estaticamente na aplicação. 
 A única forma de associar um estilo CSS em um componente React é através 
de folhas de estilos, que são configuradas nos arquivos com extensão .css. 
 
 Uma prática comum, quando o componente React possui múltiplos 
elementos filhos, é utilizar a sintaxe curta com marcação vazia ou um 
componente padrão do React chamado Fragment. 
Comentário da 
resposta: 
A aplicação desenvolvida em React é executada no navegador e não pode se 
comunicar diretamente com um banco de dados, mas pode ser combinado com 
outras tecnologias para criar uma aplicação Full Stack. 
A versão atual do React permite renderizar um array com diversos elementos 
React. 
No React os dados renderizados são atualizados dinamicamente na aplicação 
e exibidos como uma página em HTML. 
Os estilos CSS de componentes podem ser associados pelas folhas de estilos 
ou diretamente no componente com o atributo style. 
 
Uma prática comum em aplicações React, quando se tem múltiplos elementos 
filhos, é utilizar a sintaxe curta com marcação vazia ou um componente padrão 
do React chamado Fragment. 
 
• Pergunta 3 
1 em 1 pontos 
 
O JSX é uma extensão de sintaxe da linguagem de programação JavaScript, que permite definir 
os elementos do React. Sobre JSX é correto afirmar que: 
 
Resposta 
Selecionada: 
 O JSX utiliza uma sintaxe baseada em marcações (tags)semelhante ao 
HTML. 
Respostas: O JSX utiliza uma sintaxe baseada em marcações (tags)semelhante ao 
HTML. 
 
O uso do JSX em aplicação React é obrigatório. 
 
O JSX não permite embutir expressões do JavaScript em seu código. 
 
Os atributos das marcações no JSX são idênticos as do HTML. 
 Não é possível utilizar as funções do JavaScript forEach(), map(), filter() e 
find() no JSX. 
Comentário 
da resposta: 
O JavaScript XML (JSX) é uma extensão de sintaxe da linguagem de 
programação JavaScript, que permite definir os elementos do React utilizando 
uma sintaxe baseada em marcações (tags)semelhante ao HTML. 
O JSX torna o código em React mais limpo e elegante, mas seu uso não é 
obrigatório. 
As expressões do JavaScript são embutidas, no código em JSX, colocando-as 
encapsuladas entre chaves. 
O JSX tem suporte para todos os elementos comuns do HTML, sendo assim, é 
possível utilizar atributos do HTML no JSX com algumas pequenas mudanças. 
Por exemplo, ao invés do atributo class usado no HTML, o JSX utiliza a palavra 
reservada ClassName para definir uma classe a uma tag ou componente. 
O JXS utiliza frequentemente diversas funcionalidades do JavaScript, 
principalmente os métodos para manipular arrays forEach(), map(), filter() e 
find(). 
 
 
• Pergunta 4 
1 em 1 pontos 
 
As etapas do ciclo de vida do componente possuem métodos especiais que podem ser 
adicionados no componente. O ciclo de vida de um componente pode ter três etapas: montagem 
(Mounting), atualização (Updating) e desmontagem (Unmounting). 
Assinale a alternativa que contém somente métodos da etapa de atualização: 
 
Resposta Selecionada: render() e componentDidUpdate() 
Respostas: constructor(), render() e componentDidMount() 
 render() e componentDidUpdate() 
 
constructor(), render() e componentWillUnmount() 
 
constructor() e componentDidUpdate() 
 
render() e componentWillUnmount() 
Comentário 
da resposta: 
Em um ciclo de vida de um componente em React, na fase Render, a montagem 
está associada aos métodos constructor e render; na fase Comnitt, ao 
componentDidMount. A atualização, na fase Render, está associada ao método 
render; na fase Comnitt, ao componentDidUpdate. A desmontagem, que só 
ocorre na fase Comnit, está associada ao método componentWillMount. 
 
 
• Pergunta 5 
1 em 1 pontos 
 
O React Router possui diversos hooks que permitem acessar o estado do router e permitem 
navegar de uma página a outra através dos seus componentes. Dentre esses hooks, existe um 
que retorna a localização do objeto que representa a URL atual de uma rota. Qual é esse hook? 
 
Resposta Selecionada: useLocation 
Respostas: useHistory 
 
useURL 
 useLocation 
 
useRouteMatch 
 
useParams 
Comentário 
da resposta: 
O hook useLocation retorna um objeto com o novo local do domínio da página 
sempre que a URL muda. Já o useHistory dá acesso a uma instância do 
histórico de navegação, o useParams retorna um objeto com os pares key/value 
 
que estiverem em uma URL, o useRouteMatch verifica a URL atual com a rota 
acessada e o useURL não existe. 
 
• Pergunta 6 
1 em 1 pontos 
 
Ferramentas para depurar código são úteis no desenvolvimento de aplicações, uma vez que, 
permitem encontrar erros, rastrear o comportamento dos elementos etc. 
No Redux, existe uma ferramenta auxiliar o teste e o debug da aplicação. Qual o nome dessa 
ferramenta? 
 
Resposta Selecionada: Redux DevTools 
Respostas: Redux DevTools 
 
React Developer Tools 
 
Redux Components 
 
InspectorRedux-Testing 
Comentário da 
resposta: 
O Redux DevTools fornece uma plataforma de depuração para aplicações 
Redux. Essa extensão é usada para rastrear as mudanças de estado dos 
elementos da aplicação. 
 
 
• Pergunta 7 
1 em 1 pontos 
 
O Bootstrap possui diversas classes relacionadas com a configuração de estilos em formulários. 
Dentre elas, pode-se citar: .form-control, .form-label, .form-text, .form-check-input. 
Sobre essas classes é correto afirmar que: 
 
Resposta 
Selecionada: 
 form-control: configura diversas propriedades do elemento como modo 
de exibição, largura, cor etc. 
Respostas: .form-label: configura a margem superior, o tamanho da fonte e a cor do 
texto usado em um formulário. 
 
.form-text: configura a margem do rótulo do elemento do formulário. 
 form-control: configura diversas propriedades do elemento como modo 
de exibição, largura, cor etc. 
 form-check-input: configura diferentes propriedades dos dados inseridos 
no formulário. 
 
 
Todas as alternativas estão corretas. 
Comentário da 
resposta: 
.form-control: configura diversas propriedades do elemento como modo de 
exibição, largura, cor etc. 
.form-text: configura a margem superior, o tamanho da fonte e a cor do texto 
usado em um formulário. 
.form-label: configura a margem do rótulo do elemento do formulário. 
.form-check-input: configura diferentes propriedades do 
elemento checkbox do formulário, tais como: tipo de flutuação, largura, altura 
etc. 
 
• Pergunta 8 
1 em 1 pontos 
 
Atualmente, existem vários serviços na internet que disponibilizam funcionalidades e 
informações para seus parceiros, empregados, fornecedores e clientes a qualquer momento. 
Nesse contexto, existem três categorias de APIs: pública, parten e private. 
O que são APIs públicas? 
 
Resposta Selecionada: São aquelas fornecidas por empresas e outros órgãos para uso geral. 
Respostas: São somente aquelas fornecidas por serviços públicos governamentais. 
 
São aquelas usadas para a comunicação B2B. 
 
São aquelas internas a uma empresa. 
 
São aquelas que nunca requerem uma autenticação. 
 São aquelas fornecidas por empresas e outros órgãos para uso geral. 
Comentário da 
resposta: 
As APIs públicas são fornecidas por diversas empresas e permitem que o 
público geral crie aplicações para acessar serviços e recursos disponibilizados 
em seus servidores. 
 
 
• Pergunta 9 
1 em 1 pontos 
 
Leia as seguintes afirmações: 
I. O ReactJS é uma biblioteca proprietária usada para construção rápida e interativa de 
interfaces do usuário. 
II. Angular é um framework open-source baseado em JavaScript. 
 
III. Backbone é uma biblioteca open-source baseada em Python leve e flexível 
IV. No Ember, todo código HTML, CSS e JavaScript é gerado no cliente e interpretado no 
servidor. 
V. Vue é um framework progressivo de JavaScript open-source, que é usado para construir 
interfaces do usuário. 
 
Pode-se afirmar que as afirmações corretas são: 
Resposta Selecionada: II e V. 
Respostas: I, II, III, IV e V. 
 
I, II e III. 
 II e V. 
 
I, III e IV. 
 
I, IV e V. 
Comentário da 
resposta: 
O React é uma biblioteca open-source usada para construção rápida e 
interativa de interfaces do usuário. 
Angular é um framework open-source baseado em JavaScript. 
Backbone é uma biblioteca open-source baseada em JavaScript leve e 
flexível. 
No Ember, todo código HTML, CSS e JavaScript é gerado no servidor e 
interpretado no navegador. 
Vue é um framework progressivo de JavaScript open-source, que é usado 
para construir interfaces do usuário. 
 
 
• Pergunta 10 
1 em 1 pontos 
 
O pacote react-router possui diversos componentes que viabilizam a navegação entre diferentes 
URLs no domínio da aplicação web. Nesse contexto, os componentes do react-router pertencem 
a três categorias de acordo com o papel do componente no processo de direcionamento e 
navegação. 
Quais são as categorias dos componentes do react-router? 
 
Resposta Selecionada: Routers, route matchers e navigation. 
Respostas: Routers, route matchers e navigation. 
 
Route, switch e link. 
 
Browser, matcher e navigator. 
 
BrowserRouter, Switch e Link. 
 
Routers, Reducers, Dispatcher. 
Comentário da 
resposta: 
Os componentes do React-Router são divididos em três categorias: routers, 
route matchers e navigation.