QUIZ_SINGLE_PAGE_APLICATION

Prévia do material em texto

28/05/2023 18:31 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_31328048_1&course_id=_212782_1&content_id=_954887… 1/5
 Revisar envio do teste: Clique aqui para iniciar o QuizSP_GRAD_695413_2302_01 2302-SINGLE PAGE APPLICATION Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário LUANA FERNANDA DEOCLECIO
Curso 2302-SINGLE PAGE APPLICATION
Teste Clique aqui para iniciar o Quiz
Iniciado 28/05/23 18:25
Enviado 28/05/23 18:30
Data de vencimento 07/06/23 23:59
Status Completada
Resultado da tentativa 9 em 10 pontos  
Tempo decorrido 5 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
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 2
Sala de Aula Tutoriais LUANA FERNANDA DEOCLECIO
44
1 em 1 pontos
1 em 1 pontos
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_212782_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_212782_1&content_id=_9548830_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/05/2023 18:31 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_31328048_1&course_id=_212782_1&content_id=_954887… 2/5
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 para diferentes tamanhos de telas, onde a página será exibida. Essa é necessária para utilizar o sistema de
grades.
Pergunta 3
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
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
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 4
1 em 1 pontos
1 em 1 pontos
28/05/2023 18:31 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_31328048_1&course_id=_212782_1&content_id=_954887… 3/5
Resposta
Selecionada:
b. 
Respostas: a. 
b. 
c.
d.
e. 
Comentário da
resposta:
Atualmente, serviços web devem garantir a qualidade do serviço em termos de navegabilidade, dinamismo, atualização da informação
exibida na página e tempo de resposta. Neste contexto, o conceito de Single Page Application (SPA) se mostra como uma boa solução
para assegurar uma boa experiencia do usuário com a aplicação web. Sendo assim, podemos certificar que a alternativa correta sobre
SPA é:
O modelo SPA utiliza templates que executam do lado do cliente.
O modelo SPA garante o desempenho da aplicação ao transferir a renderização para o servidor.
O modelo SPA utiliza templates que executam do lado do cliente.
O modelo SPA precisa carregar e renderizar todos os elementos (barra de navegação, ads, headlines, texto,
rodapé, entre outros) sempre que um recurso é solicitado.
No modelo SPA, a página é carregada completamente na primeira requisição e isso faz com o desempenho da
aplicação diminua e aumente o tráfego de dados entre cliente e servidor.
No modelo SPA, a visualização do conteúdo no navegador é uma página HTML completa fixa e estática.
No modelo SPA, a página é carregada completamente na primeira requisição e a aplicação fica armazenada do lado
do cliente em forma de templates e, assim, a renderização é realizada pelo lado do cliente. Isso aumenta o dinamismo
da página, melhora o desempenho da aplicação e diminui o tráfego de dados entre cliente e servidor.
O modelo MPA (Multiple Page Application) precisa carregar e renderizar todos os elementos (barra de navegação,
ads, headlines, texto, rodapé, entre outros) sempre que um recurso é solicitado.
Pergunta 5
Resposta Selecionada: 
Respostas:
 
Comentário da
resposta:
Atualmente, existem vários serviços na internet que disponibilizam funcionalidades e informações para seus parceiros, empregados,
fornecedores e clientes a qualquer momento. Nesse contexto, existem três categorias de APIs: pública, parten e private.
O que são APIs públicas?
São somente aquelas fornecidas por serviços públicos governamentais.
São somente aquelas fornecidas por serviços públicos governamentais.
São aquelas usadas para a comunicação B2B.
São aquelas internas a uma empresa.
São aquelas que nunca requerem uma autenticação.
São aquelas fornecidas por empresas e outros órgãos para uso geral.
As APIs públicas são fornecidas por diversas empresas e permitem que o público geral crie aplicações para
acessar serviços e recursos disponibilizados em seus servidores.
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 com o
endpoint passado.
Pergunta 7
0 em 1 pontos
1 em 1 pontos
1 em 1 pontos
28/05/2023 18:31 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_31328048_1&course_id=_212782_1&content_id=_954887…4/5
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
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.
O Redux armazena os estados da aplicação em um repositório central, ou seja, o Redux possui uma única
Store.
Pergunta 8
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.
O JSX lembra uma linguagem de template, tal como o XML.
Pergunta 9
1 em 1 pontos
1 em 1 pontos
28/05/2023 18:31 Revisar envio do teste: Clique aqui para iniciar o Quiz &ndash...
https://senacsp.blackboard.com/webapps/assessment/review/review.jsp?attempt_id=_31328048_1&course_id=_212782_1&content_id=_954887… 5/5
Domingo, 28 de Maio de 2023 18h30min54s BRT
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 10
Resposta Selecionada: 
Respostas: 
Comentário da
resposta:
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.
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().
← OK
1 em 1 pontos