Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 5

Prévia do material em texto

PROVA ON-LINE
Instruções
ATENÇÃO: Verifique em "Notas" se você não atingiu o aproveitamento necessário nesta disciplina.
Caso você já tenha realizado uma prova anterior e opte por uma nova tentativa, será identificado como uma prova extra e resultará em pagamento de taxa extra.
INSTRUÇÕES DA AVALIAÇÃO ON-LINE
· A prova tem a duração de 60 minutos.   
· Ao clicar em PROVA ON-LINE, no menu “Testes” você iniciará a prova. A partir daí não será possível desistir de realizá-la.
· A prova é composta de 10 questões objetivas, cada uma no valor de 6 pontos.
· Ao final do teste não se esqueça de enviá-lo, clicando no botão “ENVIAR TESTE”. Só utilize esse botão quando tiver finalizado a avaliação.
· Se necessário, durante a prova, entre em contato pelo link “Atendimento”.
ATENÇÃO: Todas as provas iniciadas e que não houverem sido submetidas serão automaticamente encerradas pelo sistema transcorridos os 60 minutos de duração.
Boa Prova!
Fazer o teste novamente
Histórico de tentativas
Pontuação desta tentativa: 60 de 60
Enviado 4 ago em 16:55
Esta tentativa levou 39 minutos.
 
Pergunta 1
6 / 6 pts
Sobre os frameworks Angular, React e VueJs, é correto afirmar:
  
São frameworks de desenvolvimento web que focam majoritariamente na criação de aplicações para grandes corporações.
 
Correto!
  
São frameworks de front-end que resolvem os mesmos problemas de formas diferentes.
 
  
São frameworks de front-end que possuem arquiteturas idênticas.
 
  
São frameworks de server-side rendering, cujo principal objetivo é a renderização de aplicações com foco em SEO.
 
Os frameworks citados possuem arquiteturas similares, mas com algumas diferenças entre eles. Todos conseguem resolver os mesmos problemas utilizando abordagens e linguagens diferentes.
 
Pergunta 2
6 / 6 pts
Cada browser (navegador) possui a sua própria engine de interpretação de códigos no front-end, o que pode fazer com que browsers diferentes apresentem resultados visuais e de interação diferentes para o usuário final.
Sobre os Browser Engines, é correto afirmar:
  
São responsáveis também por compilar os códigos de front-end no browser.
 
Correto!
  
São responsáveis por interpretar e renderizar os códigos das linguagens HTML, CSS e JavaScript no cliente (navegador).
 
  
São responsáveis por armazenar todo o sistema de rotas de uma aplicação, similar ao que acontece no web.config do IIS.
 
  
São softwares separados do Navegador, que podem ser instalados como extensão do browser afim de facilitar o desenvolvimento.
 
A engine de interpretação é responsável por interpretar os códigos escritos no browser, o que torna possível a escrita de aplicações front-end.
 
Pergunta 3
6 / 6 pts
O protocolo HTTP é o principal responsável por estabelecer relações entre aplicações front-end e back-end e a principal forma de comunicação entre o usuário final e a aplicação.
Sobre o protocolo HTTP, assinale a alternativa correta:
Correto!
  
Quando entramos em uma URL, automaticamente é feito uma requisição do tipo GET para obtermos o resultado da página que estamos navegando.
 
  
O cabeçalho de resposta, caso não definido pela aplicação, sempre virá como “undefined”.
 
  
Os metadados da requisição enviada/recebidas são observados no console do navegador por meio de websockets.
 
  
É um protocolo usado para messageria, uma vez que a conexão entre cliente e servidor é persistente.
 
O protocolo HTTP utiliza o padrão requisição/resposta. Cada página aberta via browser representa uma requisição GET naquela URL e a conexão não é persistente como acontece no websocket.
 
Pergunta 4
6 / 6 pts
Ao estilizar aplicações Web com o CSS, o BEM (Block-Element-Modifier) define um padrão de nomenclatura para classes do CSS.
Com base nas regras do padrão BEM, marque a alternativa que descreve corretamente as partes do nome da classe CSS: .site-search__input-field--large.
Correto!
  
A classe refere-se ao bloco site-search.
 
  
A classe refere-se ao modifier input-field.
 
  
A classe refere-se ao elemento site-search.
 
  
A classe refere-se ao bloco input-field.
 
A nomenclatura BEM é construída da seguinte forma: block—element__modifier.
 
Pergunta 5
6 / 6 pts
O OOCSS (CSS Orientado por Objetos) surge com a proposta de dar mais escala, organização e manutenibilidade ao CSS de uma aplicação web.
Sobre uma das principais definições do OOCSS, assinale a alternativa correta:
  
Recurso que permite criar classes CSS em javascript/typescript e, com isso, escrever códigos mais reutilizáveis com o conceito de herança e composição
 
  
O OOCSS adiciona escopo de forma automática nas classes no HTML. Sendo assim, o CSS só reflete no arquivo em que é importado.
 
Correto!
  
Consiste em separar as classes do CSS entre estrutura e skin.
 
  
Consiste em ter micro classes que alteram sempre uma única propriedade do CSS.
 
O OOCSS é um style-guide. Portanto, não é necessariamente um recurso ou framework, podendo ser aplicado em praticamente qualquer contexto. Nesse style-guide, a proposta é dividir classes entre skin (color, background, font...) e structure (width, height, padding…).
 
Pergunta 6
6 / 6 pts
A arquitetura de micro front-ends surge com o intuito de resolver problemas em aplicações especialmente de grande porte.
Dentre as formas de implementação abaixo, marque a alternativa que não representa uma forma válida de implementação dessa arquitetura:
  
iframes
 
  
Funções javascript
 
Correto!
  
Bootstrap
 
  
web components
 
O bootstrap é um framework de desenvolvimento interfaces, não tendo nenhuma relação com a arquitetura de micro fronts.
 
Pergunta 7
6 / 6 pts
O Gatsby é um framework para desenvolvimento de aplicações web de alta performance.
Sobre as características do Gatsby, é correto afirmar:
  
Piora o rankeamento nos sites de busca, uma vez que as tags HTML na primeira requisição não representam o conteúdo mostrado para o usuário final.
 
  
Utiliza o MySQL para busca dos posts em arquivos.
 
  
Utiliza o JSP para criação das páginas e componentes.
 
Correto!
  
Hospedagem simplificada no caso do desenvolvimento de blog pessoais.
 
A hospedagem do Gatsby é simplificada para casos de desenvolvimento de blogs pessoais, uma vez que não é necessário um banco de dados para tal.
 
Pergunta 8
6 / 6 pts
A arquitetura de micro front-ends possui características específicas inerentes ao ambiente web.
Sobre as principais características dessa arquitetura, assinale a alternativa incorreta:
  
Lógica pulverizada em vários projetos, trazendo uma maior resiliência ao projeto como um todo.
 
Resposta correta
  
Cada micro front-end deve assumir o máximo de responsabilidades o possível.
 
  
Pipeline de build, test e deploys mais rápida.
 
Você respondeu
  
Maior independência entre os módulos.
 
Cada micro front-end deve ter uma alta coesão e ser desacoplado, assumindo, assim, apenas a responsabilidade pelo qual ele foi designado.
 
Pergunta 9
6 / 6 pts
A segurança é um dos principais atributos de qualidade de uma arquitetura de software.
Sobre a segurança em aplicações web, é correto afirmar que:
  
Raramente temos vulnerabilidades em front-end, uma vez que a plataforma web é uma das mais seguras do mercado.
 
  
Temos a possibilidade de ter configurações de segurança apenas nos provedores de cloud/rede e no back-end para ganharmos em produtividade.
 
  
O OWASP top tem é um conjunto de style-guide de códigos.
 
Correto!
  
O OWASP top ten é um documento voltado para apresentar os riscos em aplicações web.
 
O OWASP TOP TEN não se trata de style-guides mas de boas práticas de segurança (podendo ser implementadas independente da style-guide utilizada).
 
Pergunta 10
6 / 6 pts
As aplicações PWA possuem uma gama de APIs para facilitar o controle e desenvolvimento de aplicações web.
Sobre o Service Worker API, é correto afirmar que:
  
Trata as requisições HTTP ao servidor.
 
  
Relacionado a estrutura de dados e armazenamento no browser.
 
Correto!
  
Atua como proxy entre a aplicação e o servidor.
 
  
Armazena os arquivos estáticos da aplicação.
 
A principal função do service worker é interceptaras requisições da aplicação para o servidor, possibilitando respostas personalizadas com recursos off-line, por exemplo.
Pontuação do teste: 60 de 60