DISPOSTIVOS

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695396_2204_01 2204-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário LEONARDO MARCAL
Curso 2204-PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS
Teste Clique aqui para iniciar o Quiz
Iniciado 17/11/22 15:07
Enviado 17/11/22 15:47
Data de vencimento 07/12/22 23:59
Status Completada
Resultado da tentativa 7 em 10 pontos  
Tempo decorrido 40 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: e. 
Respostas: a. 
b. 
c. 
d. 
e. 
Comentário
da
resposta:
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 Expo CLI, pela facilidade do ambiente e do desenvolvimento.
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.
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:
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:
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.
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.
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.
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.
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 exibe um mapa na tela inteira, o Marker posiciona um marcador na tela e o Circle circula o marcador com uma cor.
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.
Pergunta 3
Resposta Selecionada: c. 
Respostas: a. 
b. 
c. 
d. 
e. 
Comentário da
resposta:
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?
Quando precisamos que os itens se mantenham na vertical, sejam visualizados de baixo para cima e fiquem na parte debaixo do contêiner.
Quando precisamos que os itens se mantenham na vertical, sejam visualizados de cima para baixo e fiquem na parte debaixo da componente.
Quando precisamos que os itens se mantenham na horizontal, sejam visualizados da esquerda para a direita e fiquem na parte debaixo da componente.
Quando precisamos que os itens se mantenham na vertical, sejam visualizados de baixo para cima e fiquem na parte debaixo do contêiner.
Quando precisamos que os itens se mantenham na horizontal, sejam visualizados da direita para a esquerda e fiquem na parte debaixo do contêiner.
Quando precisamos que os itens se mantenham na vertical, sejam visualizados de baixo para cima e fiquem na parte superior do contêiner.
Resposta correta: c) Quando precisamos que os itens se mantenham na 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 4
Resposta Selecionada: e. 
Respostas: a. 
b. 
c. 
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?
ReactJS para WEB e React Native para mobile.
Somente a linguagem React Native.
React Native para WEB e React JS para mobile.
Somente a linguagem React JS.
Sala de Aula Tutoriais
0 em 1 pontos
0 em 1 pontos
1 em 1 pontos
1 em 1 pontos
LEONARDO MARCAL
112
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198866_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_198866_1&content_id=_8902325_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
d. 
e. 
Comentário da resposta:
Html/Javascript para WEB e linguagem nativa para mobile.
ReactJS para WEB e React Native para mobile.
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 5
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
d.
e.
Comentário
da
resposta:
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.
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 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.
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.
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 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.
O TextInput inseri uma caixa de texto natela 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.
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.
Pergunta 6
Resposta Selecionada:
e. 
Respostas:
a. 
Para montarmos uma tela igual a apresentada a seguir, como deveria estar o nosso código?
 
 
 
   container: { 
       flex: 3, 
       backgroundColor: 'green', 
   }, 
   container2: { 
       flex: 1, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 1, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 2, 
       backgroundColor: 'black', 
   },
   container: { 
       flex: 1, 
       backgroundColor: 'green',
   }, 
   container2: { 
       flex: 1, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 1, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 2, 
       backgroundColor: 'black', 
   },
1 em 1 pontos
1 em 1 pontos
b. 
c. 
d. 
e. 
Comentário
da resposta:
  container: { 
       flex: 2, 
       backgroundColor: 'green',
   }, 
   container2: { 
       flex: 1, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 1, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 2, 
       backgroundColor: 'black', 
   },
   container: { 
       flex: 1, 
       backgroundColor: 'green',
   }, 
   container2: { 
       flex: 1, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 1, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 3, 
       backgroundColor: 'black', 
   },
  container: { 
       flex: 3, 
       backgroundColor: 'green',
   }, 
   container2: { 
       flex: 2, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 2, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 2, 
       backgroundColor: 'black', 
   },
   container: { 
       flex: 3, 
       backgroundColor: 'green', 
   }, 
   container2: { 
       flex: 1, 
       backgroundColor: 'red', 
   }, 
   container3: { 
       flex: 1, 
       backgroundColor: 'blue', 
   }, 
   container4: { 
       flex: 2, 
       backgroundColor: 'black', 
   },
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 7
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');
0 em 1 pontos
Resposta Selecionada:
c. 
Respostas:
a. 
b. 
c. 
d. 
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 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.
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 Redux-Saga é uma biblioteca que, junto com o Redux, permite que possamos compartilhar os estados entre vários componentes. Pensando em um aplicativo que utiliza essa biblioteca, que
precise buscar uma informação na internet e compartilhá-la com vários componentes, qual o melhor fluxo a ser seguido:
O aplicativo, no primeiro componente, deve chamar uma action que por sua vez, chamará um Saga para realizar a conexão. Após finalizar a conexão, o Saga mandará a
informação para o reducer que, por fim, distribuirá a informação entre os componentes.
O aplicativo, no primeiro componente, deve chamar uma reducer que por sua vez, chamará um Saga para realizar a conexão. Após finalizar a conexão, o Saga mandará a
informação para o action que, por fim, distribuirá a informação entre os componentes.
O aplicativo, no primeiro componente, deve chamar uma action que por sua vez, chamará um Saga para realizar a conexão. Após finalizar a conexão, o Saga chamará uma action
que mandará a informação para o reducer que, por fim, distribuirá a informação entre os componentes.
O aplicativo, no primeiro componente, deve chamar uma action que por sua vez, chamará um Saga para realizar a conexão. Após finalizar a conexão, o Saga mandará a
informação para o reducer que, por fim, distribuirá a informação entre os componentes.
O aplicativo, no primeiro componente, deve chamar um Saga para realizar a conexão. Após finalizar o Saga mandará a informação para o reducer que, por fim, distribuirá a
informação entre os componentes.
O aplicativo, no primeiro componente, deve chamar um action para realizar a conexão. Após finalizar a conexão, o action mandará a informação para o reducer que, por fim,
distribuirá a informação entre os componentes.
Reposta correta: c) O aplicativo, no primeiro componente, deve chamar uma action que por sua vez, chamará um Saga para realizar a conexão. Após finalizar a conexão, o
Saga mandará a informação para o reducer que, por fim,distribuirá a informação entre os componentes. 
Todas as chamadas para os Sagas e os reducers devem ser realizadas através de uma action. Por isso, o fluxo da alternativa C está correta, pois sempre é chamado o action
para distribuir a informação.
Pergunta 9
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.
Pergunta 10
Analisando o código a seguir, temos uma classe em Javascript com algumas propriedades privadas e outras públicas. 
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
Terça-feira, 29 de Novembro de 2022 22h08min57s BRT
Resposta Selecionada: e. 
Respostas: a. 
b. 
c. 
d. 
e. 
Comentário da resposta:
 
Qual será o resultado obtido no console do debug utilizando o comando console.log? 
O aplicativo rodará sem nenhum erro e serão exibidos no console os valores 1 e undefined, porque a propriedade fechar é privada.
O aplicativo rodará sem nenhum erro e serão exibidos no console os valores 1 e 0.
O aplicativo apresentará erro porque o caractere # não é reconhecido pelo Javascript.
O aplicativo apresentará erro porque faltou o caractere # na propriedade abrir.
O aplicativo rodará sem nenhum erro e serão exibidos no console os valores undefined e 0, porque a propriedade abrir é privada.
O aplicativo rodará sem nenhum erro e serão exibidos no console os valores 1 e undefined, porque a propriedade fechar é privada.
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.
← OK