PROGRAMAÇAO PARA DISPOSITIVOS MOVEIS QUIZ - 1

Prévia do material em texto

24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 1/10
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695396_2301_01 2301-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário GUILHERME BENICIO DA SILVA
Curso 2301-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS
Teste Clique aqui para iniciar o Quiz
Iniciado 23/03/23 17:38
Enviado 23/03/23 17:53
Data de vencimento 29/03/23 23:59
Status Completada
Resultado da tentativa 6 em 10 pontos  
Tempo decorrido 14 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d.
Uma das grandes vantagens em desenvolver em React Native é a ferramenta
Fast Refresh. Qual é a função dessa ferramenta?
Permite que o código seja atualizado diretamente na tela do
celular, sem a necessidade de recompilação.
Permite que o código não precise ser compilado para ser
executado no celular.
Acelera o tempo de compilação em até 10x do que o código
nativo.
Permite que o código seja atualizado diretamente na tela do
celular, sem a necessidade de recompilação.
Permite que a atualização de uma tela para outras seja mais
rápido.
Sala de Aula Tutoriais
1 em 1 pontos
GUILHERME BENICIO DA SILVA
6
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_205078_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205078_1&content_id=_9196669_1&mode=reset
https://www.ead.senac.br/
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_260_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 2/10
e.
Comentário da
resposta:
Permite alterar o código diretamente na ferramenta de debug.
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 2
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d.
e.
Comentário
da resposta:
O React Native permite que seja enviado ao usuário um push notification com
uma informação relevante para executar alguma funcionalidade do aplicativo, para
fins de marketing ou retenção de clientes. Com isso, para enviarmos uma
notificação ao device, qual o fluxo precisamos seguir:
Solicitamos a autorização de envio de notificações, coletamos o
token, enviamos o token ao nosso servidor e nosso servidor
envia a mensagem e token para os sites de envio de notificação
(expo, firebase ou APNS).
Obtemos o token e enviamos uma mensagem diretamente para
o celular.
Solicitamos a autorização de envio de notificações, obtemos o
token e enviamos uma mensagem diretamente para o celular.
Solicitamos a autorização de envio de notificações, coletamos o
token, enviamos o token ao nosso servidor e nosso servidor
envia a mensagem e token para os sites de envio de notificação
(expo, firebase ou APNS).
Solicitamos a autorização de envio de notificações e nosso
servidor envia a mensagem e token para os sites de envio de
notificação (expo, firebase ou APNS).
Solicitamos a autorização de envio de notificações, coletamos o
token, enviamos o token ao nosso servidor e nosso servidor
envia a mensagem e token diretamente para o celular.
Resposta correta: c) Solicitamos a autorização de envio de
notificações, coletamos o token, enviamos o token ao nosso
servidor e nosso servidor envia a mensagem e token para os sites
de envio de notificação (expo, firebase ou APNS).
Antes de qualquer coisa, precisamos da autorização para envio
1 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 3/10
de notificações, senão não conseguimos obter o token do device.
Com o token (que é uma chave única para cada device),
enviamos essa informação ao nosso servidor. No momento de
envio da notificação, o nosso servidor busca o token e a
mensagem e envia essas informações para os sites de envio de
notificação que farão a entrega da mensagem no device.
Pergunta 3
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d. 
e.
Comentário da
resposta:
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?
A linguagem Hybrid-Native por ter um único código para
diversas plataformas.
A linguagem Hybrid-WEB pela sua facilidade de
desenvolvimento.
A linguagem nativa pela sua performance em aplicativo
pesados.
A linguagem Hybrid-Native por ter um único código para
diversas plataformas.
A linguagem Hybrid-WEB pela sua performance.
A linguagem Hybrid-Native apesar de ter um código para
cada ambiente.
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 4
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?
0 em 1 pontos
1 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 4/10
Resposta
Selecionada:
d.
Respostas: a.
b. 
c.
d.
e.
Comentário da
resposta:
Em um arquivo separado, para separar os códigos JSX e
JavaScript dos atributos dos estilos.
Logo antes da declaração do componente, porque fica
melhor de visualizar no arquivo.
No final do componente, para deixar o código separado.
O melhor seria declarar diretamente no JSX para conseguir
visualizar tudo ao mesmo tempo.
Em um arquivo separado, para separar os códigos JSX e
JavaScript dos atributos dos estilos.
Antes da importação dos outros componentes, pois é a
maneira correta de se declarar.
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 5
Resposta
Selecionada:
c.
Respostas: a.
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);
 }
 );
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.
1 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 5/10
b.
c.
d.
e.
Comentário da
resposta:
O código busca a posiçãodo usuário e realiza o chamado da
função após obter a posição.
O código inicializa o monitoramento da posição do usuário e
somente chama quando o usuário estiver a mais.
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 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.
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.
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 6
Resposta
Selecionada:
d.
Respostas: a.
Quando utilizamos o React Hooks no desenvolvimento, uns dos principais hooks
disponibilizados são o useEffect e o useRef. Para que cada uma dessas funções é
utilizada? 
UseEffect é utilizado para receber atualizações em caso de o
componente entrar em um determinado ciclo de vida ou ocorrer
uma mudança no valor de uma variável determinada e o useRef
é utilizado para declarar uma variável no componente.
UseEffect é utilizado para receber atualizações em caso de o
componente entrar em um determinado ciclo de vida ou ocorrer
uma mudança no valor de uma variável e o useRef é utilizado
para armazenar a instância de uma informação durante todo o
ciclo de vida do componente.
0 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 6/10
b.
c.
d.
e.
Comentário
da resposta:
UseEffect é utilizado para armazenar uma informação e forçar a
renderização da tela em caso de mudança de valor e o useRef é
utilizado para armazenar a instância de uma informação durante
todo o ciclo de vida do componente.
UseEffect é utilizado para armazenar uma informação e forçar a
renderização da tela em caso de mudança de valor e o useRef é
utilizado para declarar uma variável no componente.
UseEffect é utilizado para receber atualizações em caso de o
componente entrar em um determinado ciclo de vida ou ocorrer
uma mudança no valor de uma variável determinada e o useRef
é utilizado para declarar uma variável no componente.
UseEffect é utilizado somente para receber atualizações em caso
de o componente entrar em um determinado ciclo de vida e o
useRef é utilizado para armazenar a instância de uma
informação durante todo o ciclo de vida do componente.
Resposta correta: a) UseEffect é utilizado para receber
atualizações em caso de o componente entrar em um
determinado ciclo de vida ou ocorrer uma mudança no valor de
uma variável e o useRef é utilizado para armazenar a instância
de uma informação durante todo o ciclo de vida do componente.
O useEffect é utilizado para ser chamado caso o componente
entre em um determinado ponto do ciclo de vida ou para ser
chamado caso o valor de determinada variável seja alterada. O
useRef é utilizado para armazenar a referência de uma
informação que fica armazenada durante todo o ciclo de vida do
componente.
Pergunta 7
Para organizar a tela de acordo com o screenshot a seguir, como deve estar o
código do contêiner?
 
0 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 7/10
Resposta Selecionada:
b. 
Respostas:
a. 
b. 
c. 
d. 
e. 
Comentário
da resposta:
 container: {
 flexDirection: "row",
 justifyContent: 'space-around',
 alignItems: 'stretch'
 },
container: {
 flexDirection: "column",
 justifyContent: 'space-around',
 alignItems: 'stretch'
 },
 container: {
 flexDirection: "row",
 justifyContent: 'space-around',
 alignItems: 'stretch'
 },
container: {
 flexDirection: "column",
 justifyContent: 'center',
 alignItems: 'flex-start'
 },
 container: {
 flexDirection: "column",
 justifyContent: 'center',
 alignItems: 'center'
 },
container: {
 flexDirection: "column",
 justifyContent: 'space-around',
 alignItems: 'center'
 },
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 8 1 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 8/10
Resposta
Selecionada:
b.
Respostas: a.
b.
c.
d.
e.
Comentário da
resposta:
O React-Redux possui alguns componentes que ajudam no compartilhamento de
estados. Analisando o código abaixo, qual a melhor explicação para o ponto 1 e
para o ponto 2 do código:
const loginLoading = useSelector((state) => state.auth.loginLoading); //Ponto 1
const dispatch = useDispatch();
dispatch(login(loginInfo, passInfo)); //Ponto 2
Ponto 1: coleta a informação e monitora mudanças da
variável loginLoading no módulo auth.
Ponto 2: chama a action login, passando por parâmetros o
logInfo e passInfo.
Ponto 1: coleta a informação da variável loginLoading no
módulo auth 
Ponto 2: chama a action login, passando por parâmetros o
logInfo e passInfo.
Ponto 1: coleta a informação e monitora mudanças da
variável loginLoading no módulo auth.
Ponto 2: chama a action login, passando por parâmetros o
logInfo e passInfo.
Ponto 1: coleta a informação e monitora mudanças da
variável loginLoading no módulo auth.
Ponto 2: chama a função login, passando por parâmetros o
logInfo e passInfo.
Ponto 1: coleta a informação da variável loginLoading no
módulo auth 
Ponto 2: chama a função login, passando por parâmetros o
logInfo e passInfo.
Ponto 1: coleta a informação da variável loginLoading no
módulo auth 
Ponto 2: cancela a chamada da função login, clicada
anteriormente.
Resposta correta: b) 
Ponto 1: coleta a informação e monitora mudanças da variável
loginLoading no módulo auth.
Ponto 2: chama a action login, passando por parâmetros o
logInfo e passInfo.
O useSelect recebe a infomação inicial e monitora caso ocorra
alguma mudança da variável no reducer. Já o dispatch é
utilizado para realizar chamados das actions no Redux.
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_91967… 9/10
Pergunta 9
Resposta
Selecionada:
a.
Respostas: a.
b.
c.
d.
e.
Comentário da
resposta:
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:
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.
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.Inicializar o axious para não ter de ficar inicializando em todas
as áreas.
Receber o retorno da api para tratar todos os retornos da
mesma maneira.
Pré-definir os parâmetros da conexão para sempre passar os
mesmos parâmetros.
Pré-definir o http action para garantir o mesmo http Action para
todas as requisições.
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 10
Resposta
Selecionada:
e.
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?
Criar um objeto linear com as informações iniciais e iniciar
esse objeto com o operador new.
1 em 1 pontos
0 em 1 pontos
24/03/2023, 12:27 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_29930259_1&course_id=_205078_1&content_id=_9196… 10/10
Sexta-feira, 24 de Março de 2023 12h26min29s BRT
Respostas: a.
b.
c.
d.
e.
Comentário da
resposta:
Criar uma classe em um arquivo separado que será
inicializada utilizando o operador new.
Criar uma classe dentro do próprio arquivo que será
inicializada utilizando o operador new.
Criar um objeto linear em um arquivo separado com as
informações iniciais e iniciar esse objeto com o operador new.
Criar um objeto linear com as informações iniciais dessas
propriedades cujo conteúdo será inserido diretamente em uma
variável.
Criar um objeto linear com as informações iniciais e iniciar
esse objeto com o operador new.
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.
← OK