Quiz Single Page Application Senac

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
Pergunta 1
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?
request
request
fetch
get
send
callback
No contexto do JavaScript, o método fetch() realiza
uma requisição de busca das informações de acordo
com o endpoint passado.
Pergunta 2
Quando rotas são utilizadas no React, com o emprego do módulo react-
router, é necessária a utilização de um componente que garanta que
somente o componente React de uma única rota seja renderizado a cada
momento. 
Sala de Aula Tutoriais
0 em 1 pontos
0 em 1 pontos
← OK
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
1 of 8 25/11/2022 21:16
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=_260_1
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_198867_1
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28051437_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=_28051437_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/assessment/review/review.jsp?attempt_id=_28051437_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28051437_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28051437_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_28051437_1&course_id=_198867_1&content_id=_8902460_1&return_content=1&step=#
Resposta Selecionada:
Respostas:
Comentário
da resposta:
Qual o componente do React-router que garante essa unicidade?
BrowserRouter
BrowserRouter
Switch
Route
Link
Prompt
Em uma aplicação React Router, utiliza-se o componente
<Switch> para garantir uma rota única ou exclusiva, ou
seja, o esse componente irá renderizar o componente
<Route> que corresponda com a rota desejada e ignorar
os outros componentes <Route> dentro do <Switch>.
Pergunta 3
Resposta
Selecionada:
Respostas:
Comentário da
No React, os eventos são ações disparadas em resposta a alguma
interação com o usuário ou a um evento do sistema e trabalhar com
eventos no React é semelhante a trabalhar com eventos em elementos
DOM. Sobre eventos é correto afirmar que:
Os eventos no React possuem nomes em camelCase.
Os eventos no React são classificados como eventos
sistêmicos.
O evento onClick é disparado quando o mouse passa
por cima do componente com o mouse na interface
gráfica.
O evento sintético possui as mesmas propriedades do
evento original, não importa onde seja criado.
Os eventos no React possuem nomes em camelCase.
O evento recebe uma função ao invés da chamada
dessa função.
No React, evento é classificado como evento sintético,
0 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
2 of 8 25/11/2022 21:16
resposta: que é um objeto que envolve o objeto original que
originou o evento no navegador.
O evento onClick, que disparado quando o
componente é clicado com o mouse.
O evento sintético possui as mesmas propriedades do
evento original, não importa onde seja criado.
Os eventos no React possuem nomes em camelCase, ao
invés de letras minúsculas como no DOM e, no React, o
evento recebe uma função ao invés de uma string.
Pergunta 4
Resposta
Selecionada:
Respostas:
Comentário
Formulários em páginas web funcionam como uma interface para
entrada de informações e possibilitam coletar dados do usuário para
serem enviados e processados em um servidor. No React, o
comportamento dos elementos HTML usados em um formulário é um
pouco diferente. Sobre essa diferença pode-se afirmar corretamente
que:
No React, os valores dos elementos de um formulário
são interpretados como strings.
No HTML, os elementos do formulário usam os valores
como texto, enquanto, no React, esses elementos
utilizam os valores armazenado em props.
No React, ao submeter os dados de um formulário
automaticamente uma nova página é aberta.
No HTML, é mais conveniente utilizar uma função em
JavaScript para controlar o processo de submissão e
essa função deverá ter acesso a todos os dados dentro
dos elementos do formulário.
No React, os valores dos elementos de um formulário
são interpretados como strings.
No HTML, os valores dos elementos de um formulário
são armazenados nas propriedades desses elementos.
No HTML, os elementos do formulário usam os valores
0 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
3 of 8 25/11/2022 21:16
da resposta: como texto (por exemplo, strings), no React, esses
elementos utilizam os valores armazenado em props.
Um formulário padrão do HTML, que ao submeter os
dados abre uma nova página, funcionará normalmente
no React, porém é mais conveniente utilizar uma função
em JavaScript para controlar o processo de submissão e
essa função deverá ter acesso a todos os dados dentro
dos elementos do formulário.
Pergunta 5
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?
BrowserRouter, Switch e Link.
Routers, route matchers e navigation.
Route, switch e link.
Browser, matcher e navigator.
BrowserRouter, Switch e Link.
Routers, Reducers, Dispatcher.
Os componentesdo React-Router são divididos em
três categorias: routers, route matchers e navigation.
Pergunta 6
Leia as seguintes afirmações:
I. O ReactJS é uma biblioteca proprietária usada para construção
rápida e interativa de interfaces do usuário.
II. Angular é um framework open-source baseado em JavaScript.
III. Backbone é uma biblioteca open-source baseada em Python leve e
flexível
IV. No Ember, todo código HTML, CSS e JavaScript é gerado no cliente
e interpretado no servidor.
V. Vue é um framework progressivo de JavaScript open-source, que é
0 em 1 pontos
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
4 of 8 25/11/2022 21:16
Resposta Selecionada:
Respostas:
Comentário da
resposta:
usado para construir interfaces do usuário.
 
Pode-se afirmar que as afirmações corretas são:
II e V.
I, II, III, IV e V.
I, II e III.
II e V.
I, III e IV.
I, IV e V.
O React é uma biblioteca open-source usada para
construção rápida e interativa de interfaces do
usuário.
Angular é um framework open-source baseado em
JavaScript.
Backbone é uma biblioteca open-source baseada em
JavaScript leve e flexível.
No Ember, todo código HTML, CSS e JavaScript é
gerado no servidor e interpretado no navegador.
Vue é um framework progressivo de JavaScript open-
source, que é usado para construir interfaces do
usuário.
Pergunta 7
Resposta Selecionada:
Respostas:
Ferramentas para depurar código são úteis no desenvolvimento de
aplicações, uma vez que, permitem encontrar erros, rastrear o
comportamento dos elementos etc.
No Redux, existe uma ferramenta auxiliar o teste e o debug da aplicação.
Qual o nome dessa ferramenta?
Redux DevTools
Redux DevTools
React Developer Tools
Redux Components
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
5 of 8 25/11/2022 21:16
Comentário da
resposta:
Inspector
Redux-Testing
O Redux DevTools fornece uma plataforma de
depuração para aplicações Redux. Essa extensão é
usada para rastrear as mudanças de estado dos
elementos da aplicação.
Pergunta 8
Resposta
Selecionada:
Respostas:
Comentário da
resposta:
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:
Props são informações de um componente em uma
determinada situação, que indicam como o
componente será renderizado e o seu comportamento.
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.
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
0 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
6 of 8 25/11/2022 21:16
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 9
Resposta Selecionada:
Respostas:
Comentário da
resposta:
Proptype é uma biblioteca utilizada para verificar o tipo de dados de um
valor passado de um componente para outro através de propriedades.
Isso é necessário porque a linguagem de programação JavaScript é
fracamente tipada. Desse modo, essa biblioteca disponibiliza alguns
validadores de tipo para verificar o tipo dos valores passados nas
propriedades.
Como seria o validador de componente Lista, que recebe um
determinado objeto item de forma obrigatória.
Lista.propTypes = {
    item: PropTypes.string.isRequired,
};
Lista.propTypes = {
    item: PropTypes.object.isRequired,
};
Lista.propTypes.object.isRequired;
item.propTypes.array.isRequired;
Lista.propTypes = {
    item: PropTypes.object.isObrigatory,
};
Lista.propTypes = {
    item: PropTypes.string.isRequired,
};
O validador para uma propriedade obrigatória deve
ser construído com a seguinte sintaxe:
Nome_componente.propTypes = {
0 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
7 of 8 25/11/2022 21:16
Sexta-feira, 25 de Novembro de 2022 21h14min09s BRT
    props: PropTypes.tipo_dados.isRequired
}
Pergunta 10
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.
1 em 1 pontos
Revisar envio do teste: Clique aqui para iniciar o Quiz &nd... https://senacsp.blackboard.com/webapps/assessment/revi...
8 of 8 25/11/2022 21:16