Quiz SPA

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o Quiz
SP_GRAD_695413_2204_01 2204-SINGLE PAGE APPLICATION Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ
Usuário CAIQUE SILVA OLIVEIRA
Curso 2204-SINGLE PAGE APPLICATION
Teste Clique aqui para iniciar o Quiz
Iniciado 07/12/22 08:34
Enviado 07/12/22 09:20
Data de vencimento 07/12/22 23:59
Status Completada
Resultado da
tentativa
10 em 10 pontos  
Tempo decorrido 46 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas,
Comentários
Pergunta 1
Resposta
Selecionada:
Respostas:
O JSX é uma extensão de sintaxe da linguagem de programação
JavaScript, que permite definir os elementos do React. Sobre JSX é
correto afirmar que:
O JSX utiliza uma sintaxe baseada em marcações
(tags)semelhante ao HTML.
O JSX utiliza uma sintaxe baseada em marcações
(tags)semelhante ao HTML.
O uso do JSX em aplicação React é obrigatório.
O JSX não permite embutir expressões do JavaScript
em seu código.
Sala de Aula Tutoriais
1 em 1 pontos
CAIQUE SILVA OLIVEIRA
94
← OK
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
1 of 9 12/7/22, 09:21
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/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#contextMenu
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_198867_1&content_id=_8902420_1&mode=reset
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#contextMenu
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_198867_1&content_id=_8902420_1&mode=reset
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_198867_1&content_id=_8902420_1&mode=reset
https://www.ead.senac.br/
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=_260_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
https://senacsp.blackboard.com/webapps/login/?action=logout
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28291685_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
Comentário
da resposta:
Os atributos das marcações no JSX são idênticos as
do HTML.
Não é possível utilizar as funções do JavaScript
forEach(), map(), filter() e find() no JSX.
O JavaScript XML (JSX) é uma extensão de sintaxe da
linguagem de programação JavaScript, que permite
definir os elementos do React utilizando uma sintaxe
baseada em marcações (tags)semelhante ao HTML.
O JSX torna o código em React mais limpo e elegante,
mas seu uso não é obrigatório.
As expressões do JavaScript são embutidas, no código
em JSX, colocando-as encapsuladas entre chaves.
O JSX tem suporte para todos os elementos comuns do
HTML, sendo assim, é possível utilizar atributos do HTML
no JSX com algumas pequenas mudanças. Por exemplo,
ao invés do atributo class usado no HTML, o JSX utiliza a
palavra reservada ClassName para definir uma classe a
uma tag ou componente.
O JXS utiliza frequentemente diversas funcionalidades
do JavaScript, principalmente os métodos para
manipular arrays forEach(), map(), filter() e find().
Pergunta 2
Resposta
Selecionada:
Respostas:
O React cria suas aplicações através de componentes e mantém uma
hierarquia, onde existe um componente raiz e diversos outros
componentes filhos. Todo componente React pode ter estados e fazer
uso do recurso de propriedades (props). Nesse contexto, é correto
afirmar que:
Eventos são ações disparadas em resposta a alguma
interação com o usuário ou a um evento do sistema.
Props são informações de um componente em uma
determinada situação, que indicam como o
componente será renderizado e o seu comportamento.
Eventos são ações disparadas em resposta a alguma
interação com o usuário ou a um evento do sistema.
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
2 of 9 12/7/22, 09:21
Comentário da
resposta:
Todo componente criado no React possui um ciclo de
vida, porém não é possível controlá-lo ou manipulá-lo
durante o seu clico de vida.
O Flux é um padrão de gerenciamento de propriedades
em componentes React.
A ideia principal do Flux é existir diversas fontes de
informações, chamadas dispatcher, que só podem ser
atualizadas por ações.
Estados ou hooks são informações de um componente
em uma determinada situação, que indicam como o
componente será renderizado e o seu comportamento.
Eventos são ações disparadas em resposta a alguma
interação com o usuário ou a um evento do sistema.
Todo componente criado no React possui um ciclo de
vida com três etapas, onde é possível controlá-lo ou
manipulá-lo através de métodos pertencentes a essas
etapas
O Flux é um padrão de gerenciamento do fluxo de
dados propriedades em componentes React.
A ideia principal do Flux é existir uma única fonte de
informações (stores) que só podem ser atualizadas por
ações.
Pergunta 3
Resposta
Selecionada:
Respostas:
O React utiliza estados para representar a informação atual de um
componente uma 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.
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
3 of 9 12/7/22, 09:21
Comentário
da resposta:
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çõesde 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, é 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 4
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:
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
4 of 9 12/7/22, 09:21
Resposta
Selecionada:
Respostas:
Comentário
da resposta:
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.
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
5 of 9 12/7/22, 09:21
Pergunta 5
Resposta Selecionada:
Respostas:
Comentário da
resposta:
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.
 
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 6
Resposta Selecionada:
Respostas:
Comentário da
resposta:
Páginas web devem se comunicar com o servidor para buscar as
informações desejadas pelo usuário e enviar os dados fornecidos por
ele. Para isso, o código no Frontend deve realizar as requisições para a
API do backend do serviço.
No contexto de desenvolvimento de SPA com o JavaScript, qual o
método utilizado para realizar as requisições?
fetch
request
fetch
get
send
callback
No contexto do JavaScript, o método fetch() realiza
uma requisição de busca das informações de acordo
1 em 1 pontos
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
6 of 9 12/7/22, 09:21
com o endpoint passado.
Pergunta 7
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 8
No Redux, a Store funciona como uma fonte única de verdade, pois
ela é um repositório único que gerencia todos os estados de todos os
componentes da aplicação. O que torna a aplicação previsível e
1 em 1 pontos
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
7 of 9 12/7/22, 09:21
Resposta Selecionada:
Respostas:
Comentário
da resposta:
facilita o rastreio de quais componentes e ações modificaram um
estado. 
No React Redux, a Store é criada através da função createStore.
Quantos argumentos essa função possui?
3
1
2
3
4
0
A função createStore possui três argumentos:
• reducers: que são as funções dos reducers da
aplicação.
• initialState: que é o valor inicial do estado da
aplicação. Esse argumento é opcional.
• window.__REDUX_DEVTOOLS_EXTENSION__ &&
window.__REDUX_DEVTOOLS_EXTENSION__(): essa
instrução indica para a extensão React DevTools
deverá aparecer na barra de endereços do Firefox.
E possui a seguinte sintaxe:
createStore(reducer, [intialState], [enhancer])
Pergunta 9
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
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
8 of 9 12/7/22, 09:21
Quarta-feira, 7 de Dezembro de 2022 09h20min32s BRT
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 10
Resposta Selecionada:
Respostas:
Comentário da
resposta:
O pacote react-router possui diversos componentes que viabilizam a
navegação entre diferentes URLs no domínio da aplicação web. Nesse
contexto, os componentes do react-router pertencem a três categorias
de acordo com o papel do componente no processo de direcionamento
e navegação.
Quais são as categorias dos componentes do react-router?
Routers, route matchers e navigation.
Routers, route matchers e navigation.
Route, switch e link.
Browser, matcher e navigator.
BrowserRouter, Switch e Link.
Routers, Reducers, Dispatcher.
Os componentes do React-Router são divididos em
três categorias: routers, route matchers e navigation.
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz... https://senacsp.blackboard.com/webapps/assessment/r...
9 of 9 12/7/22, 09:21