QUIZ PROG-DISP-MOV

Prévia do material em texto

QUIZ DE PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS
Pergunta 1
1 em 1 pontos
	
	
	
	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?
	
	
	
	
		Resposta Selecionada:
	a. 
Usaremos o column para organizar os componentes na vertical.
	Respostas:
	a. 
Usaremos o column para organizar os componentes na vertical.
	
	b. 
Usaremos o column-reverse para organizar os componentes na vertical, mas na ordem inversa.
	
	c. 
Usaremos o row-reverse para organizar o componente na horizontal .
	
	d. 
Usaremos o column-reverse para organizar os componentes na vertical.
	
	e. 
Usaremos o row para organizar o componente na vertical.
	Comentário da resposta:
	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 2
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 3
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.
	
	
	
· Pergunta 4
1 em 1 pontos
	
	
	
	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:
	
	
	
	
		Resposta Selecionada:
	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.
	Respostas:
	a. 
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.
	
	b. 
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.
	
	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.
	
	d. 
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.
	
	e. 
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.
	Comentário da resposta:
	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 5
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 6
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 7
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 8
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 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 9
1 em 1 pontos
	
	
	
	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? 
	
	
	
	
		Resposta Selecionada:
	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.
	Respostas:
	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.
	
	b. 
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.
	
	c. 
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.
	
	d. 
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.
	
	e. 
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.
	Comentário da resposta:
	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çãoque fica armazenada durante todo o ciclo de vida do componente.
	
	
	
· Pergunta 10
1 em 1 pontos
	
	
	
	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>
}
	
	
	
	
		Resposta Selecionada:
	b. 
Info = 5678
	Respostas:
	a. 
Info = 1234
	
	b. 
Info = 5678
	
	c. 
Null
	
	d. 
Mostraria erro pois na função App o parâmetro deveria ser info e não props
	
	e. 
Mostraria erro pois a info não é uma propriedade do objeto props
	Comentário da resposta:
	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.