quiz SPA

Prévia do material em texto

28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 1/8
 
Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695413_2301_01 2301-SINGLE PAGE APPLICATION Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário MATEUS WENZLER PINTO
Curso 2301-SINGLE PAGE APPLICATION
Teste Clique aqui para iniciar o Quiz
Iniciado 28/03/23 18:55
Enviado 28/03/23 20:43
Data de vencimento 29/03/23 23:59
Status Completada
Resultado da tentativa 10 em 10 pontos  
Tempo decorrido 1 hora, 47 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Respostas: 
Quando uma aplicação web se torna complexa e passa a conter múltiplos
componentes em várias camadas, surge o problema de gerenciamento dos
estados da aplicação. Isso ocorre, pois sempre que algum componente requisita
uma alteração no estado, essa solicitação é propagada para o seu componente
pai e, então, para o resto da aplicação.
 
O Redux resolve esse problema ao gerenciar os estados da aplicação em um
único objeto global. Dentre as alternativas abaixo, marque a que corresponde ao
nome desse objeto.
Store.
Store.
Reducer.
Linker.
Router.
Action.
Sala de Aula Tutoriais
1 em 1 pontos
MATEUS WENZLER PINTO
16
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_205080_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_205080_1&content_id=_9196849_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
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 2/8
Comentário da
resposta:
O Redux armazena os estados da aplicação em um
repositório central, ou seja, o Redux possui uma única Store.
Pergunta 2
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
O Bootstrap possui diversas classes relacionadas com a configuração de estilos
em formulários. Dentre elas, pode-se citar: .form-control, .form-label, .form-text,
.form-check-input. 
Sobre essas classes é correto afirmar que:
form-control: configura diversas propriedades do elemento
como modo de exibição, largura, cor etc.
.form-label: configura a margem superior, o tamanho da
fonte e a cor do texto usado em um formulário.
.form-text: configura a margem do rótulo do elemento do
formulário.
form-control: configura diversas propriedades do elemento
como modo de exibição, largura, cor etc.
form-check-input: configura diferentes propriedades dos
dados inseridos no formulário.
Todas as alternativas estão corretas.
.form-control: configura diversas propriedades do elemento
como modo de exibição, largura, cor etc.
.form-text: configura a margem superior, o tamanho da fonte
e a cor do texto usado em um formulário.
.form-label: configura a margem do rótulo do elemento do
formulário.
.form-check-input: configura diferentes propriedades do
elemento checkbox do formulário, tais como: tipo de
flutuação, largura, altura etc.
Pergunta 3
API é um software que realiza a comunicação entre clientes e diferentes serviços
disponibilizados na internet. Ela estabelece regras de comunicação com cada
serviço. De forma geral, os métodos HTTP são comumente usados na
implementação de API.
1 em 1 pontos
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 3/8
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
 
Nesse caso, qual o método HTTP utilizado para requisitar um dado do serviço:
GET
GET
PUT
POST
DELETE
UPDATE
O método GET possibilita ler informações de um banco de
dados sem executar modificações nesses dados.
Pergunta 4
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
O Bootstrap é um framework popular para configurar estilos nos elementos HTML
de uma página web. Ele disponibiliza uma série de classes pré-definidas tornando
a implementação de páginas web mais rápidas e padronizada.
Nesse contexto, a classe .container é uma das classes mais importantes e serve
para:
Configurar o espaçamento do conteúdo e a centralização dos
elementos de acordo de acordo com largura da janela de
visualização.
Configurar a margem do elemento de forma absoluta e a
centralização do texto da página.
Configurar uma caixa centralizada com bordas sólidas pretas
de 1px.
Configurar o alinhamento à esquerda dos elementos da página
que aparecem na tela de visualização.
Configurar a apresentação utilizando o sistema de Flexbox dos
elementos ao serem visualizados em telas de dispositivos
móveis.
Configurar o espaçamento do conteúdo e a centralização dos
elementos de acordo de acordo com largura da janela de
visualização.
.container: define o espaçamento ao redor do conteúdo e a
centralização dos elementos de acordo com a largura definida
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 4/8
para diferentes tamanhos de telas, onde a página será exibida.
Essa é necessária para utilizar o sistema de grades.
Pergunta 5
Resposta Selecionada: 
Respostas: 
Comentário
da resposta:
As etapas do ciclo de vida do componente possuem métodos especiais que
podem ser adicionados no componente. O ciclo de vida de um componente pode
ter três etapas: montagem (Mounting), atualização (Updating) e desmontagem
(Unmounting).
Assinale a alternativa que contém somente métodos da etapa de montagem:
constructor(), render() e componentDidMount()
constructor(), render() e componentDidMount()
render() e componentDidUpdate()
constructor(), render() e componentWillUnmount()
constructor() e componentDidUpdate()
render() e componentWillUnmount()
Em um ciclo de vida de um componente em React, na fase
Render, a montagem está associada aos métodos constructor e
render; na fase Comnitt, ao componentDidMount. A atualização,
na fase Render, está associada ao método render; na fase
Comnitt, ao componentDidUpdate. A desmontagem, que só
ocorre na fase Comnit, está associada ao método
componentWillMount.
Pergunta 6
Resposta
Selecionada:
Respostas:
A etapa de desmontagem (Unmounting) é uma das etapas do ciclo de vida do
componente. Nessa etapa. É possível chamar o método chamado
componentWillUnmount(). Qual a função desse método?
É o método chamado quando o componente é retirado do
DOM.
É o método chamado antes que o componente seja montado,
para garantir que o componente não esteja no DOM sempre
que ele for montado.
É o método que produz o HTML para o DOM que será montado
no navegador.
1 em 1 pontos
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 5/8
Comentário da
resposta:
É o método chamado imediatamente após o componente estar
renderizado e montado no DOM.
Esse método é chamado imediatamente após alguma
atualização de estado ou propriedades acontecer.
É o método chamado quando o componente é retirado do
DOM.
componentWillUnmount(): é o método chamado quando o
componente é retirado do DOM.
Pergunta 7
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
O React utiliza estados para representar a informação atual de um componenteuma determinada situação, indicando, assim, como seu comportamento e a forma
que ele será renderizado. Sobre os estados dos componentes em uma aplicação
React é correto afirmar que:
Podemos configurar e utilizar estados nas duas
implementações de componentes React, seja utilizando
funções ou classes.
Os estados são as props de um componente React e são muito
semelhantes aos atributos de um elemento de marcação no
HTML.
O objeto propTypes é usado para validar os estados de um
componente e garantir que eles sempre terão um valor padrão,
caso o estado não seja inicializado.
Os hooks possibilitaram a implementação de componentes
utilizando classes em aplicação React.
Um estado definido no componente raiz da aplicação React é
disponibilizado localmente apenas para esse componente.
Podemos configurar e utilizar estados nas duas
implementações de componentes React, seja utilizando
funções ou classes.
Propriedades (ou abrev. props) são argumentos que podem ser
passados para componentes React e são muito semelhantes
aos atributos de um elemento de marcação no HTML.
O objeto propTypes é usado para validar props.
Os Hooks permitem usar o estado e outros recursos do React
sem a necessidade de implementar uma classe. Com isso, é
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 6/8
possível criar aplicações em React utilizando apenas
componentes baseados em funções.
Um estado definido no componente raiz da aplicação React ou
global é disponibilizado para interface do usuário e não apenas
para um componente.
O estado pode ser definido e utilizado pelo atributo de uma
classe em componentes utilizando classe ou através de hooks
em componentes funcionais. Portanto, ambas as abordagens
utilizam estados.
Pergunta 8
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
Os estados de uma aplicação são usados para representar a informação atual dos
componentes em uma determinada situação e as ações são solicitações de
alteração nos estados.
No Redux, as funções que associam as ações com as alterações de estado são
chamadas:
Reducers.
Stores.
Dispatchers.
Views.
Reducers.
Routers.
A Store executa as ações por meio de funções puras chamadas
Reducers. Desse modo, a Store invoca os Reducers, que
definem como o estado mudará de acordo com a ação
disparada.
Pergunta 9
Resposta Selecionada: 
Respostas:
Em React, é possível passar informações de um componente para outro e, desse
modo configurar argumentos que são passados na criação do componente. Esses
argumentos permitem transferir valores estáticos ou dinâmicos, conteúdo de
variáveis e estados de um componente, entre outros. Sendo assim, como são
chamados esses argumentos:
Props.
State.
1 em 1 pontos
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 7/8
 
Comentário da
resposta:
Props.
Hooks.
Keys.
propTypes.
Propriedades (ou abrev. props) são argumentos que podem ser
passados para componentes React e desse modo transferir
informações de um componente pai para o filho.
Pergunta 10
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
I. O NPM é um gerenciador de módulos (bibliotecas de códigos), que serão
usados em um ambiente de programação em JavaScript.
II. O ReactJS possui um DOM (Document Object Model) virtual e, por isso, 
não depende exclusivamente do DOM do navegador.
III. O React Native e o React são bibliotecas idênticas e ambos são usados
para construir aplicações que executam no navegador quando para
dispositivos móveis.
IV. JSX lembra a linguagem de template JSON.
Uma empresa quer contratar um programador para implementar uma interface do
usuário em React. Para isso, ela elaborou as seguintes afirmações para testar o
conhecimento do candidato:
O candidato para ser aprovado deve responder que quais afirmações estão
corretas?
I e II
I, II, III e IV
II, III e IV
III e IV
I e II
I e IV
O NPM (do inglês Node Package Manager) é um gerenciador
de pacotes de códigos (ou bibliotecas de códigos), que serão
usados em um ambiente de programação em JavaScript.
Através do DOM virtual, o React cria diversos módulos com
esses componentes e constrói a interface gráfica
independentemente da resposta do navegador.
O React Native é um framework baseado no ReactJS, que é
usado para desenvolver aplicativos para dispositivos móveis.
1 em 1 pontos
28/03/2023, 20:45 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_30038377_1&course_id=_205080_1&content_id=_919689… 8/8
Terça-feira, 28 de Março de 2023 20h44min37s BRT
O JSX lembra uma linguagem de template, tal como o XML.
← OK