QUIZ PROGRAMACAO PARA DISPOSITIVOS MOVEIS(3)

Prévia do material em texto

17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 1/9
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695396_2203_01 2203-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário CRISTAL CELESTINO DE OLIVEIRA
Curso 2203-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS
Teste Clique aqui para iniciar o Quiz
Iniciado 17/09/22 06:47
Enviado 17/09/22 06:53
Data de vencimento 28/09/22 23:59
Status Completada
Resultado da tentativa 9 em 10 pontos  
Tempo decorrido 6 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d.
Caso você já possua o ambiente de desenvolvimento de mobile instalado e
precise fazer um aplicativo que irá realizar compras dentro dele, qual o melhor tipo
de linguagem a ser escolhida?
React Native com o React Native CLI, pois apesar do ambiente ser
mais demorado, possui a API de compras de aplicativo disponível.
Linguagem Nativa utilizando o Swift e o Kotlin, pois a feature de
compras dentro do aplicativo não está disponível no React Native.
Linguagem Nativa utilizando o Javascript, por necessitar de um
código único para todas as plataformas.
React Native com o React Native CLI, pois apesar do ambiente ser
mais demorado, possui a API de compras de aplicativo disponível.
Sala de Aula Tutoriais
1 em 1 pontos
CRISTAL CELESTINO DE OLIVEIRA
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_190139_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_190139_1&content_id=_8508577_1&mode=reset
https://www.ead.senac.br/
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_193_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
Free Hand
Free Hand
Free Hand
Free Hand
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 2/9
e.
Comentário
da
resposta:
Linguagem Nativa utilizando o Java e o Objective-C, pois são as
únicas linguagens que possuem a API de compra dentro do
aplicativo disponível.
React Native com o Expo CLI, pela facilidade do ambiente e do
desenvolvimento.
Resposta correta: c) React Native com o React Native CLI, pois
apesar do ambiente ser mais demorado, possui a API de compras
de aplicativo disponível. Como não é um aplicativo que irá rodar
features pesadas, mas será necessário utilizar a API de compra
dentro do aplicativo, então o melhor caminho é optar pelo React
Native CLI pois a Expo CLI não possui a API disponível.
Pergunta 2
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.
1 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 3/9
Pergunta 3
Resposta
Selecionada:
a.
Respostas: a.
b.
c.
d.
e. 
Comentário da
resposta:
Ao desenvolver uma tela de visualização de notícias, precisamos colocar um
componente text com o título da notícia no topo do componente e abaixo outro
componente text para colocar o texto da notícia. Nesse caso, qual o valor que
precisamos colocar no FlexDirection?
Usaremos o column para organizar os componentes na vertical.
Usaremos o column para organizar os componentes na vertical.
Usaremos o column-reverse para organizar os componentes na
vertical, mas na ordem inversa.
Usaremos o row-reverse para organizar o componente na
horizontal .
Usaremos o column-reverse para organizar os componentes na
vertical.
Usaremos o row para organizar o componente na vertical.
Reposta correta: a) Usaremos o column para organizar os
componentes na vertical. 
O Flexbox utiliza o valor Column no Flex Direction para organizar
os itens na vertical de cima para baixo.
Pergunta 4
Resposta
Selecionada:
d.
Respostas: a.
b. 
c.
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?
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.
1 em 1 pontos
1 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 4/9
d.
e.
Comentário
da
resposta:
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: d. 
Respostas: a. 
b. 
c. 
d. 
e. 
Comentário
da resposta:
Ao desenvolver um aplicativo MVP, mas que seja necessário rodar nos sistemas
operacionais Android e iOS, qual o melhor tipo de linguagem? 
React Native com o Expo CLI.
Linguagem Nativa utilizando o Swift e o Kotlin.
Linguagem Nativa utilizando o Javascript.
React Native com o React Native CLI.
React Native com o Expo CLI.
Linguagem Nativa utilizando o Java e o Objective-C.
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
Para organizar a tela de acordo com o screenshot a seguir, como deve estar o
código do contêiner?
1 em 1 pontos
1 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 5/9
Resposta Selecionada:
a. 
Respostas:
a. 
b. 
c. 
d. 
e. 
Comentário
da
resposta:
 
container: { 
 flexDirection: "column", 
 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' 
 },
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 6/9
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 7
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d.
O Redux-Saga é muito utilizado para gerenciar o controle das conexões com APIs
e banco de dados internos e compartilhar a informação com os componentes.
Analisando o código abaixo, qual a melhor explicação para os pontos 1, 2 e 3.
 //Ponto 1 
 const address = yield select(state => state.address.address);
 //Ponto 2 
 yield put(loginStart());
 //Ponto 3 
 const dataReturn = yield call(FakerServices.get, 'persons?_quantity=1');
Ponto 1: busca a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a função loginStart declarada nesse componente; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna os dados da API.
Ponto 1: monitora a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a função loginStart declarada nesse componente; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna os dados da API.
Ponto 1: monitora a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a função loginStart declarada nesse componente; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna o http code da conexão.
Ponto 1: busca a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a função loginStart declarada nesse componente; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna os dados da API.
0 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 7/9
e.
Comentário
da
resposta:
Ponto 1: busca a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a action loginStart e aguarda a execução; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna o http code da conexão.
Ponto 1: busca a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a action loginStart e aguarda a execução; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna os dados da API.
Resposta correta: e) 
Ponto 1: busca a informação da variável address no reducer do
módulo address; 
Ponto 2: chama a action loginStart e aguarda a execução; 
Ponto 3: realiza a chamada do FakerServices e, ao terminar a
conexão, retorna os dados da API. 
O select é utilizado para buscar a informação no reducer, já o put é
utilizado para chamar o action e o call realiza uma função e, após o
término, retorna o andamento do componente, trazendo o retorno
da API.
Pergunta 8
Resposta Selecionada: c. 
Respostas: a. 
b. 
c. 
d. 
e. 
Comentário
da
resposta:
O React Navigation permite que uma tela possa compartilhar informações de um
componente original para o componente que será inicializado.
Com base nessa funcionalidade, quais dos códigos abaixo é a maneira correta de
realizar essa troca de informação?
navigation.navigate('Screen2', {info: 2}).
navigation.open('Screen2', {info: 2}).
navigation.open(<Screen2 info=2 />).
navigation.navigate('Screen2', {info: 2}).
navigation.navigate(<Screen2 info=2 />).
navigation.open(['Screen2', info: 2]).
Resposta correta: c) navigation.navigate('Screen2', {info: 2}). 
O comando para navegar entre as telas é o navigate e os
parâmetros desse componente são nome da tela de acordo com o
declarado no React Navigation e o objeto com as informações a
serem passadas.
1 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 8/9
Pergunta 9
Resposta
Selecionada:
b. 
Respostas: a. 
b. 
c. 
d.
e.
Comentário
da
resposta:
Ao desenvolvermos dois componentes, utilizamos as props para realizar a
transmissão de informação entre um componente e o outro. Analisando o código a
seguir, responda: Qual seria a informação que estará no Console?
const InitialScreen = () => { 
 let info = "1234" 
 return ( 
 <App info={"5678"}/> 
 ); 
}
const App = (props) => { 
 console.log("Info = " + props.info) 
 return <View> 
 <Text>{props.info}</Text> 
 </View> 
}
Info = 5678
Info = 1234
Info = 5678
Null
Mostraria erro pois na função App o parâmetro deveria ser info
e não props
Mostraria erro pois a info não é uma propriedade do objeto
props
Resposta correta: b) Info = 5678. Mesmo declarado uma variável
com o nome info, o que importa é o que está sendo passado no
junto a declaração de elemento o que, no caso, é o valor 5678.
Pergunta 10
Resposta
Selecionada:
a.
Respostas: a.
Ao iniciarmos um novo projeto, qual é o melhor caminho que podemos tomar entre
o Manage workflow e o Bare Workflow?
Caso o desenvolvedor queira utilizar todo o recurso de
gerenciamento do Expo CLI, a opção é o Manage Workflow.
1 em 1 pontos
1 em 1 pontos
17/09/2022 06:53 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_26665789_1&course_id=_190139_1&content_id=_850862… 9/9
Sábado, 17 de Setembro de 2022 06h53min34s BRT
b.
c.
d.
e.
Comentário
da
resposta:
Caso o desenvolvedor queira utilizar todo o recurso de
gerenciamento do Expo CLI, a opção é o Manage Workflow.
Caso o desenvolvedor queira todo o controle de desenvolvimento,
mas não tenha o xCode e Android Studio instalado, a opção é o
Manage Workflow.
Caso o desenvolvedor queira todo o controle de desenvolvimento
e tenha o xCode e Android Studio instalado, a opção é o Manage
Workflow.
Caso o desenvolver queira utilizar todo o recurso de
gerenciamento do Expo CLI, a opção é o Bare Workflow.
Caso o desenvolver queira utilizar todo o recurso de
gerenciamento do React Native CLI, a opção é o Manage
Workflow.
Resposta correta: a) Caso o desenvolvedor queira utilizar todo o
recurso de gerenciamento do Expo CLI, a opção é o Manage
Workflow. 
O Manage workflow utiliza o Expo CLI que realiza o gerenciamento
de toda a complexidade de criar aplicativos.
← OK