Desenvolvimento de aplicativos: conexão com a internet, organização de tela, propriedades privadas e acesso à posição geográfica do usuário

Prévia do material em texto

• Pergunta	1	
1	em	1	pontos	
 
Para desenvolver um aplicativo em que é necessário realizar a conexão com a internet 
podemos a library fetch ou axious. Uma das dicas para realizar essa conexão é criar 
um service para: 
 
Resposta	
Selecionada:	 a. 
Pré-definir algumas configurações específicas como header ou URL 
inicial e não precisar ficar declarando essas informações 
novamente em todas as classes. 
Respostas:	 a. 
Pré-definir algumas configurações específicas como header ou URL 
inicial e não precisar ficar declarando essas informações 
novamente em todas as classes. 
 
b. 	
Inicializar o axious para não ter de ficar inicializando em todas as 
áreas. 
 
c. 	
Receber o retorno da api para tratar todos os retornos da mesma 
maneira. 
 
d. 	
Pré-definir os parâmetros da conexão para sempre passar os 
mesmos parâmetros. 
 
e. 	
Pré-definir o http action para garantir o mesmo http Action para 
todas as requisições. 
Comentário	da	
resposta:	
Resposta correta: a) Pré-definir algumas configurações específicas 
como header ou URL inicial e não precisar ficar declarando essas 
informações novamente em todas as classes. 
Utilizamos o service para definir configurações especificas 
economizando código. 
	
 
• Pergunta	2	
1	em	1	pontos	
 
Para organizar a tela de acordo com o screenshot a seguir, como deve estar o código 
do contêiner? 
 
 
 
 
Resposta	Selecionada:	 a. 
container: { 
 	flexDirection:	"column", 
								justifyContent:	'space-around', 
								alignItems:	'stretch' 
 }, 
Respostas:	 a. 
container: { 
 	flexDirection:	"column", 
								justifyContent:	'space-around', 
								alignItems:	'stretch' 
 }, 
 
b. 	
 container: { 
 flexDirection:	"row", 
								justifyContent:	'space-around', 
								alignItems:	'stretch' 
 }, 
 
c. 	
container: { 
 flexDirection:	"column", 
								justifyContent:	'center', 
								alignItems:	'flex-start' 
 }, 
 
d. 	
 container: { 
 	flexDirection:	"column", 
								justifyContent:	'center', 
								alignItems:	'center' 
 }, 
 
e. 	
container: { 
 flexDirection:	"column", 
								justifyContent:	'space-around', 
								alignItems:	'center' 
 }, 
Comentário	
da	resposta:	
Resposta correta: a) 
container: { 
 flexDirection:	"column", 
 
								justifyContent:	'space-around', 
								alignItems:	'stretch' 
 }, 
Para organizar a tela, precisamos que o flexDirection esteja com o 
valor column para organizar verticalmente, o JustifyContent esteja 
com space-around para colocar o mesmo espaçamento entre os 
itens, o rodapé e a página e o alignItems com stretch para preencher 
todo o conteúdo horizontal do contêiner. 
	
• Pergunta	3	
1	em	1	pontos	
 
Analisando o código a seguir, temos uma classe em Javascript com algumas 
propriedades privadas e outras públicas. 
 
 
Qual será o resultado obtido no console do debug utilizando o comando console.log? 
 
Resposta	
Selecionada:	 e. 
O aplicativo rodará sem nenhum erro e serão exibidos no console 
os valores 1 e undefined, porque a propriedade fechar é privada. 
Respostas:	 a. 
O aplicativo rodará sem nenhum erro e serão exibidos no console 
os valores 1 e 0. 
 
 
b. 	
O aplicativo apresentará erro porque o caractere # não é 
reconhecido pelo Javascript. 
 
c. 	
O aplicativo apresentará erro porque faltou o caractere # na 
propriedade abrir. 
 
d. 	
O aplicativo rodará sem nenhum erro e serão exibidos no console 
os valores undefined e 0, porque a propriedade abrir é privada. 
 
e. 	
O aplicativo rodará sem nenhum erro e serão exibidos no console 
os valores 1 e undefined, porque a propriedade fechar é privada. 
Comentário	da	
resposta:	
Resposta correta: e) O aplicativo rodará sem nenhum erro e serão 
exibidos no console os valores 1 e	undefined, porque a propriedade 
fechar é privada. 
O caractere # informa que a propriedade fechar é privada e, por 
isso, ao tentar acessar a informação, será exibido no console o 
valor undefined. 
	
• Pergunta	4	
1	em	1	pontos	
 
O React permite que o desenvolvedor consiga acesso a posição geográfica do usuário 
após solicitar a permissão dele para isso. Dessa maneira, qual é a melhor explicação 
para o seguinte código a seguir: 
Location.watchPositionAsync( 
								{	timeInterval:	100,	distanceInterval:	100	},	 
								(location)	=>	{ 
												console.log(location) 
												setPosition(location); 
								} 
				); 
 
Resposta	
Selecionada:	 c. 
O código inicializa o monitoramento da posição do usuário e realiza 
o chamado da função desde que seja uma distância menor de 100 
quilômetros e o tempo seja no máximo de 100 milissegundos da 
última notificação. 
Respostas:	 a. 
O código busca a posição do usuário e realiza o chamado da função 
após obter a posição. 
 
 
b. 	
O código inicializa o monitoramento da posição do usuário e 
somente chama quando o usuário estiver a mais. 
 
c. 	
O código inicializa o monitoramento da posição do usuário e realiza 
o chamado da função desde que seja uma distância menor de 100 
quilômetros e o tempo seja no máximo de 100 milissegundos da 
última notificação. 
 
d. 	
O código inicializa o monitoramento da posição do usuário e realiza 
o chamado da função desde que seja uma distância maior de 100 
metros e o tempo maior de 100 milissegundos da última notificação. 
 
e. 	
O código inicializa o monitoramento da posição do usuário e realiza 
o chamado da função desde que seja uma distância maior de 100 
metros e o tempo maior de 100 milissegundos da última notificação. 
Comentário	da	
resposta:	
Reposta correta: c) O código inicializa o monitoramento da posição 
do usuário e realiza o chamado da função desde que seja uma 
distância menor de 100 quilômetros e o tempo seja no máximo de 
100 milissegundos da última notificação. 
O Fast Refresh permite que o código seja atualizado 
automaticamente ao salvar o arquivo, sem que seja necessário 
refazer toda compilação novamente. 
	
• Pergunta	5	
1	em	1	pontos	
 
Ao desenvolver um aplicativo MVP, mas que seja necessário rodar nos sistemas 
operacionais Android e iOS, qual o melhor tipo de linguagem? 
 
Resposta	Selecionada:	 d. 
React Native com o Expo CLI. 
Respostas:	 a. 
Linguagem Nativa utilizando o Swift e o Kotlin. 
 b. 	
Linguagem Nativa utilizando o Javascript. 
 c. 	
React Native com o React Native CLI. 
 d. 	
React Native com o Expo CLI. 
 
 e. 	
Linguagem Nativa utilizando o Java e o Objective-C. 
Comentário	da	
resposta:	
Resposta correta: d) React Native com o Expo CLI. 
Como é uma aplicação simples e deve ser realizada no menor 
tempo possível, o ideal é você utilizar o Expo CLI. 
	
• Pergunta	6	
1	em	1	pontos	
 
O FlexDirection possui algumas propriedades que permitem organizar os itens de uma 
view em row, row-reverse, column e column-reverse. Desenvolvendo um novo código, 
quando devemos usar a propriedade column-reverse ao invés do column sem o 
reverse? 
 
Resposta	
Selecionada:	 c. 
Quando precisamos que os itens se mantenham na vertical, sejam 
visualizados de baixo para cima e fiquem na parte debaixo do 
contêiner. 
Respostas:	 a. 
Quando precisamos que os itens se mantenham na vertical, sejam 
visualizados de cima para baixo e fiquem na parte debaixo da 
componente. 
 
b. 	
Quando precisamos que os itens se mantenham na horizontal, 
sejam visualizados da esquerda para a direita e fiquem na parte 
debaixo da componente. 
 
c. 	
Quando precisamos que os itens se mantenham na vertical, sejam 
visualizados de baixo para cima e fiquem na parte debaixo do 
contêiner. 
 
d. 	
Quando precisamos que os itens se mantenham na horizontal, 
sejam visualizados da direita para a esquerda e fiquem na parte 
debaixo do contêiner. 
 
e. 	
Quando precisamos que os itens se mantenham na vertical, sejam 
visualizados de baixo para cima e fiquem na parte superior do 
contêiner. 
Comentário	da	
resposta:	
Resposta correta: c) Quando precisamos que os itens se 
mantenhamna vertical, sejam visualizados de baixo para cima e 
fiquem na parte debaixo do contêiner. 
 
O column-reverse faz com que os itens do contêiner continuem 
sendo visualizados na vertical, porém ele inverte a visualização, 
colocando os itens de baixo para cima no rodapé do contêiner. 
	
• Pergunta	7	
1	em	1	pontos	
 
Utilizamos o PropTypes para realizar uma checagem se todas as propriedades de um 
componente foram enviadas de acordo com a sua declaração. Caso declaremos o 
seguinte PropTypes abaixo, qual das chamadas não apresentaria erro: 
TestComponent.PropTypes = { 
name: PropTypes.string.isRequired, 
cpf: PropTypes.number.isRequired, 
email: PropTypes.string.isRequired, 
isOpen: PropTypes.bool.isRequired, 
info: PropTypes.any.isRequired 
}; 
 
Resposta	
Selecionada:	 d. 
<TestComponent name="Info" cpf=123465 email="1234" 
isOpen=true info=123 info2="a@a.com" />. 
Respostas:	 a. 
<TestComponent name="Info" cpf=123465 email=1234 
isOpen=true info="teste" />. 
 
b. 	
<TestComponent name="Info" cpf="123465" email="1234" 
isOpen=1 info="teste" />. 
 
c. 	
<TestComponent name="Info" cpf="123465" email="a@a.com" 
isOpen=true info="teste" />. 
 
d. 	
<TestComponent name="Info" cpf=123465 email="1234" 
isOpen=true info=123 info2="a@a.com" />. 
 
e. 	
<TestComponent name="Info" cpf="123465" email="a@a.com" 
isOpen=1 info="teste" />. 
Comentário	da	
resposta:	
Resposta correta: d) <TestComponent name="Info" cpf=123465 
email="1234" isOpen=true info=123 info2="a@a.com" />. 
 
Apesar de passar uma informação a mais, o que não acarreta erro, e 
o e-mail ser String sem o formato padrão, todos os props estão de 
acordo com os PropTypesdeclarados. 
	
• Pergunta	8	
1	em	1	pontos	
 
Ao desenvolver um sistema de controle de RH, precisamos criar um método de 
cálculo de bonificação de funcionários. Qual seria a melhor forma de desenvolver esse 
método? 
 
Resposta	
Selecionada:	 b. 
Criamos uma nova classe chamada Funcionário, colocamos esse 
método nessa classe e as classes Gerente,	
Secretaria	e Vendedor	herdam a classe Funcionário. 
Respostas:	 a. 
Criamos esse método nas classes	Gerente,	Secretária	e Vendedor. 
 
b. 	
Criamos uma nova classe chamada Funcionário, colocamos esse 
método nessa classe e as classes Gerente,	
Secretaria	e Vendedor	herdam a classe Funcionário. 
 
c. 	
Implementamos o método na classe Secretaria e as 
classes Gerente e Vendedor herdam a classe Secretaria. 
 
d. 	
Criamos uma nova classe chamada Funcionário, colocamos esse 
método nessa classe e a classe Funcionário	herda as 
classes Gerente,	Secretaria	e Vendedor. 
 
e. 	
Implementamos o método na classe Gerente e as classes Secretaria 
e Vendedor herdam a classe Gerente. 
Comentário	da	
resposta:	
Resposta correta: b) Criamos uma nova classe chamada 
Funcionário, colocamos esse método nessa classe e as classes 
Gerente, Secretaria e Vendedor herdam a classe Funcionário. 
O ideal é criar uma nova classe com o método desejado e que essa 
classe tenha informações comuns a todas as outras classes que a 
herdem. No nosso caso, Gerente, Secretaria e Vendedor são todos 
Funcionários da empresa. 
	
 
• Pergunta	9	
1	em	1	pontos	
 
Ao desenvolver um aplicativo que irá mostrar todo o catálogo de produtos de uma 
empresa em 3-D e será necessário realizar uma animação desses produtos, qual é o 
melhor tipo de linguagem a ser escolhida? 
 
Resposta	
Selecionada:	 b. 
A linguagem nativa pela sua performance em aplicativo 
pesados. 
Respostas:	 a. 
A linguagem Hybrid-WEB pela sua facilidade de 
desenvolvimento. 
 
b. 	
A linguagem nativa pela sua performance em aplicativo 
pesados. 
 
c. 	
A linguagem Hybrid-Native por ter um único código para 
diversas plataformas. 
 d. 	
A linguagem Hybrid-WEB pela sua performance. 
 
e. 	
A linguagem Hybrid-Native apesar de ter um código para cada 
ambiente. 
Comentário	da	
resposta:	
Reposta correta: b) A linguagem nativa pela sua performance em 
aplicativo pesados. 
Como o aplicativo vai exigir uma grande performance para rodar o 
conteúdo e animações 3-D, o mais indicado nesses casos é utilizar 
o aplicativo nativo. 
	
 
• Pergunta	10	
1	em	1	pontos	
 
O React-Native-Maps é uma biblioteca interessante que permite que o desenvolvedor 
consiga inserir um mapa no seu aplicativo. Usando essa biblioteca, qual é a função 
para os componentes MapView, Marker e Circle: 
 
Resposta	
Selecionada:	 d. 
O MapView exibe um mapa no espaço determinada pelos styles, o 
Marker posiciona um marcador na tela e o Circle circula o marcador 
com uma cor. 
Respostas:	 a. 
O MapView exibe um mapa na tela inteira, o Marker marca a 
posição inicial do mapa e o circle circula o mapa com uma cor. 
 
 
b. 	
O MapView exibe um mapa no espaço determinada pelos styles, o 
Marker marca a posição inicial do mapa e o Circle circula o 
marcador com uma cor. 
 
c. 	
O MapView exibe um mapa na tela inteira, o Marker marca a 
posição inicial do mapa e o Circle circula o mapa com uma cor. 
 
d. 	
O MapView exibe um mapa no espaço determinada pelos styles, o 
Marker posiciona um marcador na tela e o Circle circula o marcador 
com uma cor. 
 
e. 	
O MapView exibe um mapa na tela inteira, o Marker posiciona um 
marcador na tela e o Circle circula o marcador com uma cor. 
Comentário	da	
resposta:	
Resposta correta: d) O MapView exibe um mapa no espaço 
determinada pelos styles, o Marker posiciona um marcador na tela e 
o Circle circula o marcador com uma cor. 
O Mapview inseri um mapa na tela, sempre respeitando o espaço 
estipulado pelo style. Já o Marker e o Circle, trabalham em conjunto 
dentro do MapView, inserindo um marcador em um determinado 
ponto do mapa, circulado por uma cor especificada.