SINGLE PAGE APPLICATION2 2401

Prévia do material em texto

· Pergunta 1
1 em 1 pontos
	
	
	
	Os formulários são grandes fontes de informação e, no mundo atual, esses dados são essenciais para entender demandas, satisfações ou irritações dos clientes. Sobre formulários em aplicações React é correto afirmar que:
	
	
	
	
		Resposta Selecionada:
	 
A validação de formulários pode ser realizada manualmente por meio de funções ou através de bibliotecas de terceiros.
	Respostas:
	O evento onSubmit é disparado sempre que acontece alguma alteração no conteúdo do elemento.
	
	O evento onChange é disparado quando o formulário é submetido, que pode ser quando um botão para submeter o formulário for clicado.
	
	 
A validação de formulários pode ser realizada manualmente por meio de funções ou através de bibliotecas de terceiros.
	
	A biblioteca React-popup serve para validar as informações preenchidas em um formulário.
	
	Os eventos de formulários servem apenas para alterar os atributos dos elementos do formulário.
	Comentário da resposta:
	O evento onChange é disparado sempre que acontece alguma alteração no conteúdo do elemento.
O evento onSubmit é disparado quando o formulário é submetido, que pode ser quando um botão para submeter o formulário for clicado.
No React, a validação de formulários pode ser realizada manualmente ou através de módulos de terceiros como, por exemplo, o Formik.
O React Popup permite criar Modals, tooltips e menus de forma simples e rápida em uma aplicação React.
Os eventos de formulários permitem realizar diversas ações nos elementos do formulário, tais como: capturar dados inseridos, detectar a mudança ou atualização do conteúdo, verificar o clique do mouse etc.
	
	
	
· Pergunta 2
0 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 montagem:
	
	
	
	
		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 3
1 em 1 pontos
	
	
	
	Routers, em React, são componentes que possibilitam a navegação entre diferentes URLs dentro do domínio da aplicação. A biblioteca React-Router permite que os componentes React sejam reaproveitados, atualizando somente a informação solicitada pela URL.
Nesse contexto, avalie as seguintes afirmações:
I – No react-router, cada URL visualizada corresponde a um novo arquivo HTML.
II – No react-router, a página não precisa ser recarregada.
III – No react-router, uma requisição HTTP é enviada para o servidor em busca da nova página.
IV – No react-router, o usuário tem a percepção de que as transições ocorrem de forma fluída e dinâmica.
São verdadeiras as afirmações:
	
	
	
	
		Resposta Selecionada:
	 
II e IV.
	Respostas:
	I, II, III e IV.
	
	I e II.
	
	 
II e IV.
	
	I, III e IV.
	
	I e III.
	Comentário da resposta:
	No react-router, a navegação entre URLs atualiza os componentes da página e não arquivos HTML diferentes. Isso ocorre, pois o react-router mantém o mesmo arquivo HTML e atualiza somente os componentes que forma alterados sem precisar recarregar a página. Dessa forma, o usuário tem a percepção de uma transição fluida e dinâmica entre páginas da aplicação web, mantendo o conceito de SPA.
	
	
	
· Pergunta 4
1 em 1 pontos
	
	
	
	API é um software que realiza a comunicação entre clientes e diferentes serviços disponibilizados na internet. Ela estabelece regras de comunicação com cada serviço. De forma geral, os métodos HTTP são comumente usados na implementação de API.
 
Nesse caso, qual o método HTTP utilizado para requisitar um dado do serviço:
	
	
	
	
		Resposta Selecionada:
	 
GET
	Respostas:
	 
GET
	
	PUT
	
	POST
	
	DELETE
	
	UPDATE
	Comentário da resposta:
	O método GET possibilita ler informações de um banco de dados sem executar modificações nesses dados.
	
	
	
· Pergunta 5
1 em 1 pontos
	
	
	
	O Bootstrap é um framework popular para configurar estilos nos elementos HTML de uma página web. Ele disponibiliza uma série de classes pré-definidas tornando a implementação de páginas web mais rápidas e padronizada.
Nesse contexto, a classe .container é uma das classes mais importantes e serve para:
	
	
	
	
		Resposta Selecionada:
	 
Configurar o espaçamento do conteúdo e a centralização dos elementos de acordo de acordo com largura da janela de visualização.
	Respostas:
	Configurar a margem do elemento de forma absoluta e a centralização do texto da página.
	
	Configurar uma caixa centralizada com bordas sólidas pretas de 1px.
	
	Configurar o alinhamento à esquerda dos elementos da página que aparecem na tela de visualização.
	
	Configurar a apresentação utilizando o sistema de Flexbox dos elementos ao serem visualizados em telas de dispositivos móveis.
	
	 
Configurar o espaçamento do conteúdo e a centralização dos elementos de acordo de acordo com largura da janela de visualização.
	Comentário da resposta:
	.container: define o espaçamento ao redor do conteúdo e a centralização dos elementos de acordo com a largura definida para diferentes tamanhos de telas, onde a página será exibida. Essa é necessária para utilizar o sistema de grades.
	
	
	
· Pergunta 6
1 em 1 pontos
	
	
	
	A etapa de desmontagem (Unmounting) é uma das etapas do ciclo de vida do componente. Nessa etapa. É possível chamar o método chamado componentWillUnmount(). Qual a função desse método?
	
	
	
	
		Resposta Selecionada:
	 
É o método chamado quando o componente é retirado do DOM.
	Respostas:
	É o método chamado antes que o componente seja montado, para garantir que o componente não esteja no DOM sempre que ele for montado.
	
	É o método que produz o HTML para o DOM que será montado no navegador.
	
	É o método chamado imediatamente após o componente estar renderizado e montado no DOM.
	
	Esse método é chamado imediatamente após alguma atualização de estado ou propriedades acontecer.
	
	 
É o método chamado quando o componente é retirado do DOM.
	Comentário da resposta:
	componentWillUnmount(): é o método chamado quando o componente é retirado do DOM.
	
	
	
· Pergunta 7
1 em 1 pontos
	
	
	
	Em React, é possível passar informações de um componente para outro e, desse modo configurar argumentos que são passados na criação do componente. Esses argumentos permitem transferir valores estáticos ou dinâmicos, conteúdo de variáveis e estados de um componente, entre outros. Sendo assim, como são chamados esses argumentos:
	
	
	
	
		Resposta Selecionada:
	 
Props.
	Respostas:
	State.
	
	 
Props.
	
	Hooks.
	
	Keys.
	
	propTypes.
	Comentário da resposta:
	Propriedades (ou abrev. props) são argumentos que podem ser passados para componentes React e desse modo transferir informações de um componente pai para o filho.
	
	
	
· Pergunta 8
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 elementode 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.
	
	
	
· Pergunta 9
1 em 1 pontos
	
	
	
	Uma empresa quer contratar um programador para implementar uma interface do usuário em React. Para isso, ela elaborou as seguintes afirmações para testar o conhecimento do candidato:
I. O NPM é um gerenciador de módulos (bibliotecas de códigos), que serão usados em um ambiente de programação em JavaScript.
II. O ReactJS possui um DOM (Document Object Model) virtual e, por isso,  não depende exclusivamente do DOM do navegador.
III. O React Native e o React são bibliotecas idênticas e ambos são usados para construir aplicações que executam no navegador quando para dispositivos móveis.
IV. JSX lembra a linguagem de template JSON.
O candidato para ser aprovado deve responder que quais afirmações estão corretas?
	
	
	
	
		Resposta Selecionada:
	 
I e II
	Respostas:
	I, II, III e IV
	
	II, III e IV
	
	III e IV
	
	 
I e II
	
	I e IV
	Comentário da resposta:
	O NPM (do inglês Node Package Manager) é um gerenciador de pacotes  de códigos (ou bibliotecas de códigos), que serão usados em um ambiente de programação em JavaScript.
Através do DOM virtual, o React cria diversos módulos com esses componentes e constrói a interface gráfica independentemente da resposta do navegador.
O React Native é um framework baseado no ReactJS, que é usado para desenvolver aplicativos para dispositivos móveis.
O JSX lembra uma linguagem de template, tal como o XML.
	
	
	
· Pergunta 10
1 em 1 pontos
	
	
	
	No React, os eventos são ações disparadas em resposta a alguma interação com o usuário ou a um evento do sistema e trabalhar com eventos no React é semelhante a trabalhar com eventos em elementos DOM. Sobre eventos é correto afirmar que:
	
	
	
	
		Resposta Selecionada:
	 
O evento sintético possui as mesmas propriedades do evento original, não importa onde seja criado.
	Respostas:
	Os eventos no React são classificados como eventos sistêmicos.
	
	O evento onClick é disparado quando o mouse passa por cima do componente com o mouse na interface gráfica.
	
	 
O evento sintético possui as mesmas propriedades do evento original, não importa onde seja criado.
	
	Os eventos no React possuem nomes em camelCase.
	
	O evento recebe uma função ao invés da chamada dessa função.
	Comentário da resposta:
	No React, evento é classificado como evento sintético, que é um objeto que envolve o objeto original que originou o evento no navegador.
O evento onClick, que disparado quando o componente é clicado com o mouse.
O evento sintético possui as mesmas propriedades do evento original, não importa onde seja criado.
Os eventos no React possuem nomes em camelCase, ao invés de letras minúsculas como no DOM e, no React, o evento recebe uma função ao invés de uma string.
	
	
	
Quarta-feira, 27 de Março de 2024 07h08min46s BRT