Quiz disp móveis - 2 Tentativa

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 
 
Quando estamos desenvolvendo em React Native, queremos criar uma tela que 
mostrará mais de 100 itens que o usuário inseriu. Para realizar essa função, responda: 
Quais seriam os componentes possíveis e, se houver mais de um, qual seria o mais 
indicado para esse caso? 
 
Resposta 
Selecionada: 
b. 
O ScrollView e o Flatlist realizam a rolagem de elementos, porém o 
ScrollView carrega todos os elementos de uma única vez, enquanto o 
FlatList somente carrega os elementos que estão sendo visualizados na 
tela. Por este motivo, o FlatList é o mais indicado. 
 
Respostas: a. 
Somente o ScrollView permite a rolagem de elementos com barra de 
rolagem. 
 
b. 
O ScrollView e o Flatlist realizam a rolagem de elementos, porém o 
ScrollView carrega todos os elementos de uma única vez, enquanto o 
FlatList somente carrega os elementos que estão sendo visualizados na 
tela. Por este motivo, o FlatList é o mais indicado. 
 
c. 
O ScrollView e o Flatlist realizam a rolagem de elementos, porém o 
ScrollView carrega todos os elementos utilizando a tela inteira da tela, 
enquanto o FlatList somente carrega os elementos em uma área menor. 
Por este motivo, o ScrollView é o mais indicado. 
 
d. 
Somente o FlatList permite a rolagem de elementos com barra de 
rolagem. 
 
e. 
O ScrollView e o Flatlist realizam a rolagem de elementos, porém o 
ScrollView carrega somente elementos como View enquanto o FlatList 
todos os tipos de elementos. Por este motivo, o FlatList é o mais 
indicado. 
Comentário 
da resposta: 
Reposta correta: b) O ScrollView e o Flatlist realizam a rolagem de 
elementos, porém o ScrollView carrega todos os elementos de uma única 
vez, enquanto o FlatList somente carrega os elementos que estão sendo 
visualizados na tela. Por este motivo, o FlatList é o mais indicado. 
Ambos realizam a rolagem de elementos, mas o ScrollView carrega 
todos os elementos. Então em uma lista com 100 itens, ele irá consumir 
muita memória. Já o FlatList carrega somente os itens que estão na tela, 
utilizando muito menos memória e, por isso, é o mais indicado. 
 
• Pergunta 3 
1 em 1 pontos 
 
Se você está gerenciando uma equipe com uma stack backend em NodeJS e precisa 
escolher uma linguagem frontend para WEB e mobile, qual o melhor caminho a se 
escolher? 
 
Resposta Selecionada: e. 
ReactJS para WEB e React Native para mobile. 
Respostas: a. 
Somente a linguagem React Native. 
 b. 
React Native para WEB e React JS para mobile. 
 c. 
 
Somente a linguagem React JS. 
 d. 
Html/Javascript para WEB e linguagem nativa para mobile. 
 e. 
ReactJS para WEB e React Native para mobile. 
Comentário da 
resposta: 
Resposta correta: e) ReactJS para WEB e React Native para mobile. 
Nesse caso, para manter toda a stack em Javascript ou em Typescript, 
o melhor cenário é utilizar ReactJS para WEB e React Native para 
mobile. 
 
• Pergunta 4 
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 5 
1 em 1 pontos 
 
O React Native nos dá a liberdade de declarar o stylesheets de diversas formas. Por isso, 
pensando em códigos bem estruturados, qual é o melhor lugar para declarar os 
stylesheets? 
 
Resposta 
Selecionada: 
d. 
Em um arquivo separado, para separar os códigos JSX e JavaScript 
dos atributos dos estilos. 
Respostas: a. 
Logo antes da declaração do componente, porque fica melhor de 
visualizar no arquivo. 
 b. 
No final do componente, para deixar o código separado. 
 
c. 
O melhor seria declarar diretamente no JSX para conseguir visualizar 
tudo ao mesmo tempo. 
 
d. 
Em um arquivo separado, para separar os códigos JSX e JavaScript 
dos atributos dos estilos. 
 
e. 
Antes da importação dos outros componentes, pois é a maneira 
correta de se declarar. 
Comentário da 
resposta: 
Resposta correta: d) Em um arquivo separado, para separar os códigos 
JSX e JavaScript dos atributos dos estilos. 
Apesar de ser possível declarar os estilos após o componente e no meio 
do código JSX, a melhor forma é utilizar um arquivo separado pois, 
dessa maneira, não misturamos o código Javascript e JSX com os 
atributos dos estilos. 
 
 
• Pergunta 6 
1 em 1 pontos 
 
Uma das grandes vantagens em desenvolver em React Native é a ferramenta Fast 
Refresh. Qual é a função dessa ferramenta? 
 
Resposta 
Selecionada: 
c. 
Permite que o código seja atualizado diretamente na tela do celular, 
sem a necessidade de recompilação. 
Respostas: a. 
Permite que o código não precise ser compilado para ser executado 
no celular. 
 b. 
Acelera o tempo de compilação em até 10x do que o código nativo. 
 
c. 
Permite que o código seja atualizado diretamente na tela do celular, 
sem a necessidade de recompilação. 
 d. 
Permite que a atualização de uma tela para outras seja mais rápido. 
 e. 
Permite alterar o código diretamente na ferramenta de debug. 
Comentário da 
resposta: 
Reposta correta: c) Permite que o código seja atualizado diretamente 
na tela do celular, sem a necessidade de recompilaçã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 7 
1 em 1 pontos 
 
Para montarmos uma tela igual a apresentada a seguir, como deveria estar o nosso 
código?Resposta Selecionada: e. 
 container: { 
 flex: 3, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
 
Respostas: a. 
 container: { 
 flex: 1, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
 
b. 
 container: { 
 flex: 2, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
 
c. 
 container: { 
 flex: 1, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 3, 
 backgroundColor: 'black', 
 }, 
 
d. 
 container: { 
 flex: 3, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 2, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 2, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
 
e. 
 container: { 
 flex: 3, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
Comentário 
da resposta: 
Resposta correta: e) 
 container: { 
 flex: 3, 
 backgroundColor: 'green', 
 }, 
 container2: { 
 flex: 1, 
 backgroundColor: 'red', 
 }, 
 container3: { 
 flex: 1, 
 backgroundColor: 'blue', 
 }, 
 container4: { 
 flex: 2, 
 backgroundColor: 'black', 
 }, 
O atributo flex preenche o espaço de acordo com os números inseridos nos 
contêineres. Como o contêiner verde é o maior de todos, ele está com o 
valor 3, o preto é o segundo maior e, por isso, está com valor 2 e o vermelho 
e azul são os menores e com o mesmo tamanho, portanto, eles possuem o 
valor 1. 
 
• Pergunta 8 
1 em 1 pontos 
 
Caso seja necessário você criar um objeto simples que possua 15 propriedades e uma 
dessas propriedades seja iniciada com um outro objeto, qual seria a melhor forma de 
declarar essa informação? 
 
Resposta 
Selecionada: 
d. 
Criar um objeto linear com as informações iniciais dessas 
propriedades cujo conteúdo será inserido diretamente em uma 
variável. 
Respostas: a. 
Criar uma classe em um arquivo separado que será inicializada 
utilizando o operador new. 
 
b. 
Criar uma classe dentro do próprio arquivo que será inicializada 
utilizando o operador new. 
 
c. 
Criar um objeto linear em um arquivo separado com as informações 
iniciais e iniciar esse objeto com o operador new. 
 
d. 
Criar um objeto linear com as informações iniciais dessas 
propriedades cujo conteúdo será inserido diretamente em uma 
variável. 
 
e. 
Criar um objeto linear com as informações iniciais e iniciar esse objeto 
com o operador new. 
Comentário da 
resposta: 
Resposta correta: d) Criar um objeto linear com as informações iniciais 
dessas propriedades cujo conteúdo será inserido diretamente em uma 
 
variável. 
Apesar do número grande de propriedades, como esse objeto não 
possui métodos, o ideal é utilizar a declaração de objeto linear. E 
objetos lineares são inseridos diretamente em uma variável. 
 
• Pergunta 9 
1 em 1 pontos 
 
Uma das grandes diferenças do React para as outras linguagens são os states. 
Utilizados em diversas áreas do código, quais as suas principais funções? 
 
Resposta 
Selecionada: 
c. 
Armazenar uma informação durante todo ciclo de vida do componente 
e realizar uma nova renderização quando seu valor é alterado. 
Respostas: a. 
 Receber aviso sobre as mudanças dos valores de uma determinada 
variável. 
 
b. 
Armazenar uma informação durante todo ciclo de vida do componente, 
mas não renderiza a tela quando seu valor é alterado. 
 
c. 
Armazenar uma informação durante todo ciclo de vida do componente 
e realizar uma nova renderização quando seu valor é alterado. 
 d. 
Armazena a instância de um objeto para enviar a outro componente. 
 
e. 
Armazena as informações somente enquanto o componente realiza a 
renderização. 
Comentário da 
resposta: 
Resposta correta: c) Armazenar uma informação durante todo ciclo de 
vida do componente e realizar uma nova renderização quando seu 
valor é alterado. 
Os states armazenam as informações durante o ciclo de vida de um 
componente e força uma nova renderização caso o seu valor seja 
alterado. 
 
 
• Pergunta 10 
1 em 1 pontos 
 
O React Native possui uma série de componentes que são utilizados na camada visual e, 
quando executados, utilizam os componentes próprios do código nativo. Quais são as 
principais funções dos seguintes componentes: TextInput, TouchableOpacity e 
SafeAreaView. 
 
Resposta 
Selecionada: 
c. 
O TextInput inseri uma caixa de texto na tela onde o usuário poderá 
 
inserir a informação, o TouchableOpacity deixa a View "tocável" e coloca 
um efeito de opacidade ao realizar o toque e o SafeAreaView protege os 
componentes para que eles não fiquem embaixo de pontos da tela como 
o cabeçalho e o botão inferior do iPhone X. 
Respostas: a. 
O TextInput inseri um texto somente leitura com rolagem, o 
TouchableOpacity adiciona o efeito de opacidade em uma view e o 
SafeAreaView protege os componentes para que eles não fiquem 
embaixo de pontos da tela como cabeçalho o botão inferior do iPhone X. 
 
b. 
O TextInput inseri um texto somente leitura com rolagem, o 
TouchableOpacity adiciona o efeito de opacidade em uma view e o 
SafeAreaView protege uma determinada área que o usuário não possa 
tocar. 
 
c. 
O TextInput inseri uma caixa de texto na tela onde o usuário poderá 
inserir a informação, o TouchableOpacity deixa a View "tocável" e coloca 
um efeito de opacidade ao realizar o toque e o SafeAreaView protege os 
componentes para que eles não fiquem embaixo de pontos da tela como 
o cabeçalho e o botão inferior do iPhone X. 
 
d. 
O TextInput inseri uma caixa de texto na tela onde o usuário poderá 
inserir a informação, o TouchableOpacity adiciona o efeito de opacidade 
em uma view e o SafeAreaView protege os componentes para que eles 
não fiquem embaixo de pontos da tela como cabeçalho o botão inferior 
do iPhone X. 
 
e. 
O TextInput inseri uma caixa de texto na tela onde o usuário poderá 
inserir a informação, o TouchableOpacity adiciona o efeito de opacidade 
em uma view e o SafeAreaView protege uma determinada área que o 
usuário não possa tocar. 
Comentário 
da resposta: 
Resposta correta: c) O TextInput inseri uma caixa de texto na tela onde o 
usuário poderá inserir a informação, o TouchableOpacity deixa a View 
"tocável" e coloca um efeito de opacidade ao realizar o toque e o 
SafeAreaView protege os componentes para que eles não fiquem 
embaixo de pontos da tela como o cabeçalho e o botão inferior do iPhone 
X. 
O componente TextInput funciona como uma caixa de texto, o 
TouchableOpacity torna qualquer View "tocável" e coloca um efeito de 
opacidade ao realizar o toque e o SafeAreaView não permite que os 
componentes possam ficar escondidos embaixo de áreas como topo e 
câmera, por exemplo.